Preguntas etiquetadas con reactjs

¿Cómo selecciono ciertas barras en react.js? Este es mi código: var Progressbar = React.createClass({ getInitialState: function () { return { completed: this.props.completed }; }, addPrecent: function (value) { this.props.completed += value; this.setState({ completed: this.props.completed }); }, render: function () { var completed = this.props.completed; if (completed < 0) { completed …

203 javascript  reactjs  getelementbyid 

Tengo una forma simple en mi renderfunción, así: render : function() { return ( <form> <input type="text" name="email" placeholder="Email" /> <input type="password" name="password" placeholder="Password" /> <button type="button" onClick={this.handleLogin}>Login</button> </form> ); }, handleLogin: function() { //How to access email and password here ? } ¿Qué debo escribir en mi handleLogin: function() …

200 javascript  html  reactjs  frontend 

Cuando ejecuto un proyecto nativo de reacción, aparece un error no bundle URL present, pero no sé qué errores cometo, estaba muy confundido.

199 ios  reactjs  react-native 

Soy un poco nuevo para reaccionar. Veo que tenemos que importar dos cosas para comenzar, Reacty ReactDOM, ¿alguien puede explicar la diferencia? Estoy leyendo la documentación de React , pero no dice.

197 reactjs  react-dom 

¿Es posible despachar una acción en un reductor? Tengo una barra de progreso y un elemento de audio. El objetivo es actualizar la barra de progreso cuando el tiempo se actualiza en el elemento de audio. Pero no sé dónde colocar el controlador de eventos ontimeupdate, ni cómo enviar una …

196 reactjs  redux  reducers 

En un componente de la aplicación React que maneja fuentes de contenido similares a Facebook, me encuentro con un error: Feed.js: 94 "parsererror" indefinido "SyntaxError: token inesperado <en JSON en la posición 0 Me encontré con un error similar que resultó ser un error tipográfico en el HTML dentro de …

196 javascript  jquery  json  reactjs 

¿Cuál es la forma preferida actualmente para validar un Dateaccesorio en react? En este momento estoy usando: React.PropTypes.object Esto, sin embargo, ahora está fallando la regla de pelusa de tipo prohibir prop . ¿Debo usar un shapeo hay alguna manera mejor?

196 reactjs 

Estoy creando una aplicación react.js con arquitectura de flujo y estoy tratando de averiguar dónde y cuándo se debe hacer una solicitud de datos del servidor. ¿Hay algún ejemplo para esto? (¡No TODO aplicación!)

194 javascript  reactjs  reactjs-flux 

@connectfunciona muy bien cuando intento acceder a la tienda dentro de un componente de reacción. Pero, ¿cómo debo acceder a él en algún otro bit de código? Por ejemplo: digamos que quiero usar un token de autorización para crear mi instancia de axios que pueda usarse globalmente en mi aplicación, …

192 reactjs  redux  react-redux 

¿Cómo puedo usar comentarios dentro del rendermétodo en un componente React? Tengo el siguiente componente: 'use strict'; var React = require('react'), Button = require('./button'), UnorderedList = require('./unordered-list'); class Dropdown extends React.Component{ constructor(props) { super(props); } handleClick() { alert('I am click here'); } render() { return ( <div className="dropdown"> // whenClicked …

192 reactjs  react-native 

Cuando cambia el estado de un componente de reacción, se llama al método de representación. Por lo tanto, para cualquier cambio de estado, se puede realizar una acción en el cuerpo de los métodos de representación. ¿Hay un caso de uso particular para la devolución de llamada setState entonces?

191 reactjs  callback  setstate 

Estoy usando un objeto de datos como mi accesorio para un componente en ReactJS. <Field data={data} /> Sé que es fácil validar el objeto PropTypes en sí mismo: propTypes: { data: React.PropTypes.object } Pero, ¿qué pasa si quiero validar los valores dentro? es decir. data.id, data.title? props[propName]: React.PropTypes.number.required // etc...

191 reactjs 

Estoy tratando de probar mi aplicación React en un dispositivo móvil. Estoy usando ngrok para que mi servidor local esté disponible para otros dispositivos y he conseguido que funcione con una variedad de otras aplicaciones. Sin embargo, cuando intento conectar ngrok al servidor de desarrollo React, aparece el error: Invalid …

191 reactjs  localhost  ngrok 

Tengo el siguiente componente React: export default class MyComponent extends React.Component { onSubmit(e) { e.preventDefault(); var title = this.title; console.log(title); } render(){ return ( ... <form className="form-horizontal"> ... <input type="text" className="form-control" ref={(c) => this.title = c} name="title" /> ... </form> ... <button type="button" onClick={this.onSubmit} className="btn">Save</button> ... ); } }; La …

190 javascript  reactjs 

Llegué a saber que desde React v15.3.0 , tenemos una nueva clase base llamada PureComponent para extender con PureRenderMixin incorporado. Lo que entiendo es que, bajo el capó, esto emplea una comparación superficial de accesorios dentro shouldComponentUpdate. Ahora tenemos 3 formas de definir un componente Reaccionar: Componente sin estado funcional …

189 javascript  reactjs  ecmascript-6