Preguntas etiquetadas con reactjs

Estoy empezando a usar Facebook React en un proyecto de Backbone y hasta ahora me va muy bien. Sin embargo, noté algunas duplicaciones en mi código de React. Por ejemplo, tengo varios widgets en forma de formulario con estados como INITIAL, SENDINGy SENT. Cuando se presiona un botón, el formulario …

116 javascript  refactoring  mixins  reactjs 

Sé que se supone que no debo mutar la entrada y debo clonar el objeto para mutarlo. Estaba siguiendo la convención utilizada en un proyecto de inicio redux que usaba: ADD_ITEM: (state, action) => ({ ...state, items: [...state.items, action.payload.value], lastUpdated: action.payload.date }) para agregar un elemento: obtengo el uso de …

116 javascript  reactjs  redux 

Estoy comenzando con React.js y quiero hacer un formulario simple pero en la documentación he encontrado dos formas de hacerlo. El primero está usando Refs : var CommentForm = React.createClass({ handleSubmit: function(e) { e.preventDefault(); var author = React.findDOMNode(this.refs.author).value.trim(); var text = React.findDOMNode(this.refs.text).value.trim(); if (!text || !author) { return; } // …

116 reactjs 

Lo sé en vainilla js, podemos hacer onclick="f1();f2()" ¿Cuál sería el equivalente para hacer dos llamadas de función onClick en ReactJS? Sé que llamar a una función es así: onClick={f1}

116 javascript  reactjs 

Tengo el siguiente componente ( radioOther.jsx): 'use strict'; //module.exports = <-- omitted in update class RadioOther extends React.Component { // omitted in update // getInitialState() { // propTypes: { // name: React.PropTypes.string.isRequired // } // return { // otherChecked: false // } // } componentDidUpdate(prevProps, prevState) { var otherRadBtn = …

115 reactjs  ecmascript-6 

Recibiendo este error al compilar una aplicación iOS nativa de reacción en xcode. Comenzó a recibir este error después de la instalación de npm y rpm vinculando la biblioteca react-native-fs . Pero después de buscar una solución en línea, noté que muchas personas están obteniendo el mismo error al instalar …

115 ios  xcode  reactjs  native  react-native-ios 

¿Es posible obtener la posición de desplazamiento actual o la página actual de un <ScrollView>componente en React Native? Entonces algo como: <ScrollView horizontal={true} pagingEnabled={true} onScrollAnimationEnd={() => { // get this scrollview's current page or x/y scroll position }}> this.state.data.map(function(e, i) { <ImageCt key={i}></ImageCt> }) </ScrollView>

115 ios  reactjs  react-native 

Aquí tienes un componente básico. Tanto el <ul>como <li>tienen funciones onClick. Solo quiero <li>que se dispare el onClick , no el <ul>. ¿Cómo puedo conseguir esto? He jugado con e.preventDefault (), e.stopPropagation (), sin éxito. class List extends React.Component { constructor(props) { super(props); } handleClick() { // do something } …

115 reactjs  onclick  event-propagation 

Quiero que mi aplicación ReactJS notifique a un usuario cuando navega fuera de una página específica. Específicamente, un mensaje emergente que le recuerda que debe realizar una acción: "Los cambios se guardan, pero aún no se publican. ¿Hacer eso ahora?" ¿Debo activar esto react-routerglobalmente, o es algo que se puede …

115 reactjs  react-router 

Entonces, normalmente para incluir la mayoría de mis íconos SVG que requieren un estilo simple, lo hago: <svg> <use xlink:href="/svg/svg-sprite#my-icon" /> </svg> Ahora he estado jugando con ReactJS en los últimos tiempos la evaluación como un posible componente en mi nueva pila de desarrollo front-end sin embargo, me di cuenta …

114 svg  sprite  reactjs 

Nuestra aplicación utiliza el desplazamiento infinito para navegar por grandes listas de elementos heterogéneos. Hay algunas arrugas: Es común que nuestros usuarios tengan una lista de 10,000 elementos y necesiten desplazarse por más de 3000. Estos son elementos ricos, por lo que solo podemos tener unos pocos cientos en el …

114 javascript  html  infinite-scroll  reactjs 

Se supone que una de las mayores ventajas de React.js es la renderización del lado del servidor . El problema es que la función clave React.renderComponentToString()es síncrona, lo que hace que sea imposible cargar datos asincrónicos cuando la jerarquía de componentes se representa en el servidor. Digamos que tengo un …

114 node.js  reactjs  flux  reactjs-flux 

He estado jugando con React y tengo el siguiente componente de tiempo que solo se muestra Date.now()en la pantalla: import React, { Component } from 'react'; class TimeComponent extends Component { constructor(props){ super(props); this.state = { time: Date.now() }; } render(){ return( <div> { this.state.time } </div> ); } componentDidMount() …

114 javascript  reactjs 

Sé que esta pregunta ya se ha hecho un par de veces, pero la mayoría de las veces, la solución es manejar esto en el padre, ya que el flujo de responsabilidad solo es descendente. Sin embargo, a veces, es necesario eliminar un componente de uno de sus métodos. Sé …

114 reactjs  unmount 

Acabo de comenzar a explorar React, agregando un componente con una función de renderizado simple: render() { return <div class="myApp"></div> } Cuando ejecuto la aplicación, aparece el siguiente error: Warning: Unknown DOM property class. Did you mean className? Puedo resolver esto cambiando class a className. La pregunta es; React hace …

113 javascript  reactjs  react-jsx