Tratando de encontrar una forma óptima de crear controladores de eventos en los componentes sin estado de React. Podría hacer algo como esto: const myComponent = (props) => { const myHandler = (e) => props.dispatch(something()); return ( <button onClick={myHandler}>Click...
He creado una nueva aplicación de reacción usando create-react-appcli. Luego agregué la 'react-redux'biblioteca usando npm install --save react-redux. En package.jsontengo: "react-redux": "^4.4.5" Desafortunadamente, la aplicación no se compila y se queja con: Error in
Estoy empezando a jugar con la aplicación Create React, pero no puedo entender cómo index.jsse carga en el interior index.html. Este es el código html: <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,...
Estoy usando el componente Link del enrutador reactjs y no puedo hacer que funcione onClickevent. Este es el código: <Link to={this.props.myroute} onClick='hello()'>Here</Link> ¿Es esta la forma de hacerlo o de otra forma?
Tengo problemas para cambiar la vista al reaccionar con el enrutamiento. Solo quiero mostrar una lista de usuarios, y al hacer clic en cada usuario, debo navegar a una página de detalles. Aquí está el enrutador: import React from "react"; import ReactDOM from "react-dom"; import { BrowserRouter...
Mirando este ejemplo de React Router Dom v4 https://reacttraining.com/react-router/web/example/auth-workflow , veo que el componente PrivateRoute destruye un apoyo de descanso como este const PrivateRoute = ({ component: Component, ...rest }) => ( <Route {...rest} render={props => (...
He escrito un código para renderizar elementos repetidos en ReactJS, pero odio lo feo que es. render: function(){ var titles = this.props.titles.map(function(title) { return <th>{title}</th>; }); var rows = this.props.rows.map(function(row) { var cells = []; for (var i in row)...
La forma de React para establecer qué opción se selecciona para un cuadro de selección, es establecer un valueaccesorio especial en <select>sí mismo, correspondiente al valueatributo en el <option>elemento que desea seleccionar. Para multipleseleccionar, este accesorio puede aceptar...
¿Alguien sabe cómo restringir el acceso a rutas particulares en react-router? Quiero comprobar si el usuario está conectado antes de permitir el acceso a una ruta en particular. Pensé que sería simple, pero los documentos no tienen claro cómo hacerlo. ¿Es esto algo que debería configurar donde...
Me gustaría saber si hay una mejor manera de pasar un accesorio condicionalmente que usar una declaración if. Por ejemplo, ahora mismo tengo: var parent = React.createClass({ propTypes: { editable: React.PropTypes.bool.isRequired, editableOpts: React.PropTypes.shape({...}) }, render:...
Soy un poco nuevo en React e intento establecer un className como string + prop. Pero no estoy seguro de cómo hacerlo y si esa es la mejor práctica. Entonces, lo que estoy tratando de hacer, y obviamente no está funcionando, es esto: <a data-featherlight='string' +
Estoy reaccionando al usar angular y estoy tratando de encontrar una buena alternativa de reacción a la directiva ng-if de angular donde renderizo o no renderizo un elemento basado en una condición. Tome este código, por ejemplo. Estoy usando mecanografiado (tsx) por cierto, pero eso no debería...
¿Cómo hago para reaccionar renderizarlo? <input id={field.name} className="form-control" type="text" placeholder={field.name} autocomplete="off" {...field}/>
A diferencia de webstorm, no puedo comentar el código JSX en los .jsarchivos de Visual Studio Code.
Estoy intentando iniciar una aplicación Redux que acabo de clonar desde un repositorio de GitHub. Traté de ejecutarlo con el siguiente comando npm start Estoy recibiendo este error > [email protected] start /home/workspace/assignment > webpack-dev-server --config
Creé un pequeño panel de ReactJS con la ayuda de SocketIO para actualizaciones en vivo. Aunque tengo la actualización del tablero, me molesta que no esté muy seguro de si lo hice correctamente. Lo que más me molesta son los Props en getInitialState como publicación anti-patrón . Creé un panel...
En React JSX, no parece ser posible hacer algo como esto: render: function() { return ( <{this.props.component.slug} className='text'> {this.props.component.value} </{this.props.component.slug}> ); } Ejecutar fragmento de códigoOcultar resultadosExpandir fragmento...
Cómo solucionarlo Could not find plugin "proposal-numeric-separator", recibo este error cuando intento compilar mi aplicación React, todavía no he expulsado la aplicación: ./src/index.js Error: [BABEL] /home/pc/Downloads/project/src/index.js: Could not find plugin "proposal-numeric-separator"....
Después de actualizar a react-native 0.61, recibo muchas advertencias como esta: VirtualizedLists should never be nested inside plain ScrollViews with the same orientation - use another VirtualizedList-backed container instead. ¿Cuál es el otro VirtualizedList-backed containerque debo usar, y por...
La forma estándar de usar un React useState Hook es la siguiente: const [count, setCount] = useState(0); Sin embargo, esta const countvariable claramente se reasignará a un valor primitivo diferente. ¿Por qué entonces la variable no se define como let