Preguntas etiquetadas con reactjs

Estoy trabajando con Reactjs, escribiendo un componente de menú. "use strict"; var React = require("react"); var Menus = React.createClass({ item_url: function (item,categories,articles) { console.log('afdasfasfasdfasdf'); var url='XXX'; if (item.type == 1) { url = item.categoryId == null ? 'javascript:void(0)' : path('buex_portal_browse_category', {slug: categories[item.categoryId].slug}); } else if (item.type == 2) { url …

101 javascript  reactjs  this  map-function 

PropTypes y Flow cubren cosas similares pero utilizan enfoques diferentes. PropTypes puede darle advertencias durante el tiempo de ejecución, lo que puede ser útil para encontrar rápidamente respuestas mal formadas provenientes de un servidor, etc. Sin embargo, Flow parece ser el futuro y con conceptos como genéricos es una solución …

101 reactjs  flowtype  react-proptypes 

Mi equipo y yo hemos recibido financiación para empezar a desarrollar una aplicación web de nivel empresarial (no entraré en detalles de lo que hace). La aplicación tendrá muchas páginas web separadas, pero dos de esas páginas estarán más enfocadas y serán muy pesadas: pesadas como en mucha interacción del …

101 asp.net  angular  reactjs  razor 

Me doy cuenta de que esta es una pregunta básica, pero no tuve suerte para encontrar la respuesta en otro lugar. ¿Es store.dispatchsíncrono o asíncrono Redux? En caso de que sea asincrónico, ¿existe la posibilidad de agregar una devolución de llamada después de que la acción se haya propagado como …

101 javascript  reactjs  redux  single-page-application 

Todavía soy bastante nuevo en React, pero he estado avanzando lentamente y me he encontrado con algo en lo que estoy atascado. Estoy tratando de construir un componente de "temporizador" en React, y para ser honesto, no sé si lo estoy haciendo bien (o de manera eficiente). En mi código …

101 javascript  reactjs  settimeout  state 

Quería verificar qué sucede cuando usa this.setState varias veces (2 veces por el bien de la discusión). Pensé que el componente se procesará dos veces, pero aparentemente solo se procesará una vez. Otra expectativa que tenía era que tal vez la segunda llamada para setState se ejecutará sobre la primera, …

101 javascript  reactjs 

Tengo un pequeño problema al migrar de React-Router v3 a v4. en v3 pude hacer esto en cualquier lugar: import { browserHistory } from 'react-router'; browserHistory.push('/some/path'); ¿Cómo logro esto en v4. Sé que me vendría bien, el hocico withRouter , el contexto de reacción o los accesorios del enrutador de …

101 reactjs  react-router 

Acabo de comenzar a usar create-react-app con mecanografiado create-react-app my-app --scripts-version=react-scripts-ts y la configuración tslint.json predeterminada no permite console.log (). ¿Cómo puedo (por ahora) habilitar console.log? Los documentos para esto se encuentran en https://palantir.github.io/tslint/rules/no-console/ . Pero no dicen dónde poner esta línea: "no-console": [true, "log", "error"] Busqué y encontré esta …

101 reactjs  typescript  create-react-app  tslint 

Tengo un archivo test_stuff.js con el que estoy ejecutando npm test Se parece mucho a esto: import { assert } from 'assert'; import { MyProvider } from '../src/index'; import { React } from 'react'; const myProvider = ( <MyProvider> </MyProvider> ); describe('Array', function() { describe('#indexOf()', function() { it('should return -1 …

101 javascript  reactjs  npm  react-jsx 

Soy nuevo en react.js He implementado un componente en el que estoy obteniendo los datos del servidor y los uso como, CallEnterprise:function(TenantId){ fetchData('http://xxx.xxx.xx.xx:8090/Enterprises?TenantId='+TenantId+' &format=json').then(function(enterprises) { EnterprisePerspectiveActions.getEnterprise(enterprises); }).catch(function() { alert("There was some issue in API Call please contact Admin"); //ComponentAppDispatcher.handleViewAction({ // actionType: MetaItemConstants.RECEIVE_ERROR, // error: 'There was a problem getting the …

101 javascript  reactjs  configuration  webpack  flux 

¿Qué son los componentes controlados y los componentes no controlados en ReactJS? ¿En qué se diferencian entre sí?

101 reactjs  react-component 

Estoy usando la etiqueta & nbsp en jsx y no representa el espacio. El siguiente es un pequeño fragmento de mi código. Por favor, ayuda. var Reporting=React.createClass({ render: function(){ return( <div style={divPositionReporting}> <p>Pricing Reports</p> <hr></hr> Select Scenario:   <select> <option></option> </select> <button type="button">Get Pricing Report</button> <br/> Select Takeout Scenario:  <select> <option></option> …

101 html  reactjs  jsx 

Tengo dos componentes: Componente principal del cual quiero cambiar el estado del componente secundario: class ParentComponent extends Component { toggleChildMenu() { ????????? } render() { return ( <div> <button onClick={toggleChildMenu.bind(this)}> Toggle Menu from Parent </button> <ChildComponent /> </div> ); } } Y componente secundario : class ChildComponent extends Component { …

101 javascript  reactjs 

Una sola línea funciona bien render: function () { return ( {[1,2,3].map(function (n) { return <p>{n}</p> }} ); } no para varias líneas render: function () { return ( {[1,2,3].map(function (n) { return ( <h3>Item {n}</h3> <p>Description {n}</p> ) }} ); } Gracias.

100 reactjs 

Teniendo este código en mente: var Component = React.createClass({ getInitialState: function () { return {position: 0}; }, componentDidMount: function () { setTimeout(this.setState({position: 1}), 3000); }, render: function () { return ( <div className="component"> {this.state.position} </div> ); } }); ReactDOM.render( <Component />, document.getElementById('main') ); ¿No se supone que el estado cambiará …

100 javascript  reactjs