No entiendo cuál es el propósito de usar IndexRoute e IndexLink . Parece que, en cualquier caso, el código a continuación seleccionaría primero el componente Inicio a menos que se activara la ruta Acerca de. <Route path="/" component={App}> <IndexRoute component={Home}/> <Route...
Aquí está mi formulario y el método onClick. Me gustaría ejecutar este método cuando se presiona el botón Enter del teclado. Cómo ? NB: No se agradece jquery. comment: function (e) { e.preventDefault(); this.props.comment({comment: this.refs.text.getDOMNode().value,
Tengo un componente que mostrará Array of String. El código se ve así. React.createClass({ render() { <div> this.props.data.map(t => <span>t</span>) </div> } }) Funciona perfectamente bien. es decir, si props.data = ['tom', 'jason', 'chris'] El resultado...
Creé una aplicación con ReactNative tanto para iOS como para Android con una extensiónListView . Al llenar la vista de lista con una fuente de datos válida, se imprime la siguiente advertencia en la parte inferior de la pantalla: Advertencia: Cada niño en una matriz o iterador debe tener una...
He instalado eslint-config-airbnb que se supone que preconfigura ESLINT para React: Nuestra exportación predeterminada contiene todas nuestras reglas de ESLint, incluidas ECMAScript 6+ y React. Requiere eslint, eslint-plugin-import, eslint-plugin-react y eslint-plugin-jsx-a11y. Mi...
Soy nuevo en React Router y descubro que hay muchas formas de redirigir una página: Utilizando browserHistory.push("/path") import { browserHistory } from 'react-router'; //do something... browserHistory.push("/path"); Utilizando this.context.router.push("/path") class Foo extends...
Tengo algunos efectos secundarios que aplicar y quiero saber cómo organizarlos: como un solo uso Efecto o varios efectos de uso ¿Qué es mejor en términos de rendimiento y arquitectura?
Estaba revisando la documentación de los ganchos cuando me encontré con useRef. Mirando su ejemplo ... function TextInputWithFocusButton() { const inputEl = useRef(null); const onButtonClick = () => { // `current` points to the mounted text input element inputEl.current.focus(); };...
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 ?...
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) {
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...
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...
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 de abajo,...
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>...
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...
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() {...
¿Qué son los componentes controlados y los componentes no controlados en ReactJS? ¿En qué se diferencian entre
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...
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...
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...