He estado jugando con React y hasta ahora me gusta mucho. Estoy creando una aplicación con NodeJS y me gustaría usar React para algunos de los componentes interactivos de la aplicación. No quiero que sea una aplicación de una sola página. Todavía no he encontrado nada en la web que responda a las...
Parece que tengo problemas para enviar datos a una matriz de estado. Estoy tratando de lograrlo de esta manera: this.setState({ myArray: this.state.myArray.push('new value') }) Pero creo que esta es una forma incorrecta y causa problemas con la
Estaba tratando de implementar rutas autenticadas, pero descubrí que React Router 4 ahora evita que esto funcione: <Route exact path="/" component={Index} /> <Route path="/auth" component={UnauthenticatedWrapper}> <Route path="/auth/login" component={LoginBotBot}...
Estoy creando una pequeña aplicación de reacción y mis imágenes locales no se cargan. Imágenes comoplacehold.it/200x200 cargas. Pensé que tal vez podría ser algo con el servidor. Aquí está mi App.js import React, { Component } from 'react'; class App extends Component { render() { return (...
Esto puede estar pisando esa línea entre responsable y obstinado, pero estoy yendo y viniendo sobre cómo estructurar un componente ReactJS a medida que crece la complejidad y podría usar alguna dirección. Viniendo de AngularJS, quiero pasar mi modelo al componente como una propiedad y hacer que...
En react.js, ¿es mejor almacenar una referencia de tiempo de espera como una variable de instancia (this.timeout) o una variable de estado (this.state.timeout)? React.createClass({ handleEnter: function () { // Open a new one after a delay var self = this; this.timeout = setTimeout(function ()...
Tengo lo siguiente: ¿Cómo me deshago del subrayado azul? El código está abajo: <Link to="first"><MenuItem style={{paddingLeft: 13, textDecoration: 'none'}}> Team 1 </MenuItem></Link> El componente MenuItem es de http://www.material-ui.com/#/components/menu Cualquier...
Estoy tratando de enviar una solicitud GET como segundo parámetro, pero no funciona mientras lo hace como url. Esto funciona, $ _GET ['naam'] devuelve la prueba: export function saveScore(naam, score) { return function (dispatch) {
¿Cómo accedo al estado redux dentro de una función de saga? Respuesta corta: import { select } from 'redux-saga/effects'; ... let data = yield
¿Tiene React.PropTypessentido usarlo en una aplicación React de TypeScript o es solo un caso de "cinturón y tirantes"? Dado que la clase de componente se declara con un Propsparámetro de tipo: interface Props { // ... } export class MyComponent extends React.Component<Props, any> { ......
¿Cómo puedo obtener la altura de un elemento después de que React renderice ese elemento? HTML <div id="container"> <!-- This element's contents will be replaced with your component. --> <p> jnknwqkjnkj<br> jhiwhiw (this is 36px
Comencé a usar la función de validación de prop de ReactJS , que como dicen los documentos solo funciona en 'modo de desarrollo' por razones de rendimiento. React parece estar validando las propiedades de un componente en particular que he anotado, pero no recuerdo haber activado explícitamente el...
¿Cómo escucho el cambio de evento para el contentEditablecontrol basado en? var Number = React.createClass({ render: function() { return <div> <span contentEditable={true} onChange={this.onChange}> {this.state.value} </span> = {this.state.value} </div>; },...
Acabo de comenzar a estudiar ReactJS y descubrí que te brinda 2 formas de renderizar páginas: del lado del servidor y del lado del cliente. Pero no puedo entender cómo usarlo juntos. ¿Son dos formas distintas de crear la aplicación o se pueden utilizar juntas? Si podemos usarlo juntos, ¿cómo...
yo tengo var TestApp = React.createClass({ getComponent: function(){ console.log(this.props); }, render: function(){ return( <div> <ul> <li onClick={this.getComponent}>Component 1</li> </ul> </div> ); } }); React.renderComponent(<TestApp />,...
Recibo este mensaje cuando intenté iniciar mi aplicación nativa de reacción. Por lo general, este tipo de formato funciona en otra navegación de múltiples pantallas, pero de alguna manera no funciona en este caso. Aquí está el error: Invariant Violation: The navigation prop is missing for this...
Estaba probando el ejemplo useEffect algo como a continuación: useEffect(async () => { try { const response = await fetch(`https://www.reddit.com/r/${subreddit}.json`); const json = await response.json(); setPosts(json.data.children.map(it => it.data)); } catch (e) {...
Cuál es el significado de {...this.props} Estoy tratando de usarlo así <div {...this.props}> Content Here
Digamos que tengo un componente con un render como este: <View style={jewelStyle}></View> Donde jewelStyle = { borderRadius: 10, backgroundColor: '#FFEFCC', width: 20, height: 20, }, ¿Cómo puedo hacer que el color de fondo sea dinámico y asignado aleatoriamente? He...
Estoy creando una aplicación que deberá estar disponible en varios idiomas y configuraciones regionales. Mi pregunta no es puramente técnica, sino más bien sobre la arquitectura y los patrones que la gente está utilizando en la producción para resolver este problema. No pude encontrar ningún...