Preguntas etiquetadas con reactjs

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 el componente modifique …

121 reactjs 

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 () { self.openWidget(); }, DELAY); }, handleLeave: …

121 javascript  reactjs 

¿Alguien puede decirme cómo puedo volver a la página anterior en lugar de una ruta específica? Al usar este código: var BackButton = React.createClass({ mixins: [Router.Navigation], render: function() { return ( <button className="button icon-left" onClick={this.navigateBack}> Back </button> ); }, navigateBack: function(){ this.goBack(); } }); Obtiene este error, se ignoró goBack …

121 javascript  reactjs  react-router 

¿Cómo accedo al estado redux dentro de una función de saga? Respuesta corta: import { select } from 'redux-saga/effects'; ... let data = yield select(stateSelectorFunction);

121 javascript  reactjs  redux  react-redux  redux-saga 

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) { axios.get('http://****.nl/****/gebruikerOpslaan.php?naam=test') .then((response) => { dispatch({type: "SAVE_SCORE_SUCCESS", payload: response.data}) }) .catch((err) => { dispatch({type: "SAVE_SCORE_FAILURE", payload: …

121 reactjs  react-native  redux  axios 

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 idea u orientación sería muy apreciada. Gracias de antemano.

121 javascript  reactjs  react-router 

¿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> { ... } ¿Existe algún beneficio real …

121 reactjs  typescript  react-proptypes 

¿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 height) </p> </div> ReactJS var DivSize = React.createClass({ render: function() { let elHeight = document.getElementById('container').clientHeight …

121 javascript  reactjs 

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 'modo de …

120 reactjs 

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 …

120 javascript  node.js  client-server  reactjs 

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 />, document.body); Quiero colorear el fondo del elemento de la lista en el que se hizo clic. ¿Cómo puedo hacer esto en React? Algo como $('li').on('click', …

120 javascript  jquery  reactjs 

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 navigator. In react-navigation …

120 reactjs  react-native 

¿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>; }, onChange: function(v) { // Doesn't fire :( console.log('changed', v); }, getInitialState: function() { return {value: '123'} } }); React.renderComponent(<Number />, document.body); …

120 javascript  dom  contenteditable  reactjs 

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) { console.error(e); } }, []); Ejecutar fragmento de códigoOcultar resultadosExpandir fragmento y recibo esta advertencia en mi consola. Pero …

120 javascript  reactjs  react-hooks 

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 "libro de cocina" para eso, …

119 architecture  internationalization  reactjs  translation  redux