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...
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...
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"
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...
Muchos lenguajes de plantilla tienen declaraciones de "ranuras" o "rendimiento", que permiten hacer algún tipo de inversión de control para envolver una plantilla dentro de otra. Angular tiene la opción "transcluir" . Rails tiene declaración de rendimiento . Si React.js tuviera una declaración de...
Cerrada . Esta pregunta está basada en la opinión . Actualmente no está aceptando respuestas. ¿Quieres mejorar esta pregunta? Actualice la pregunta para que pueda ser respondida con hechos y citas editando esta publicación . Cerrado hace 2 años .
Supongamos que tengo una clase React P, que representa dos clases secundarias, C1 y C2. C1 contiene un campo de entrada. Me referiré a este campo de entrada como Foo. Mi objetivo es dejar que C2 reaccione a los cambios en Foo. Se me ocurrieron dos soluciones, pero ninguna de ellas se siente...
Tengo problemas con un formulario React y con la administración adecuada del estado. Tengo un campo de entrada de tiempo en un formulario (en un modal). El valor inicial se establece como una variable de estado getInitialStatey se pasa desde un componente primario. Esto en sí mismo funciona...
¿Por qué no puedo acceder a los métodos de componentes desde "afuera" en ReactJS? ¿Por qué no es posible y hay alguna forma de resolverlo? Considera el código: var Parent = React.createClass({ render: function() { var child = <Child />; return ( <div> {child.someMethod()} //...
Llamo al servicio web usando fetch pero lo mismo que puedo hacer con la ayuda de axios. Entonces ahora estoy confundido. ¿Debo ir por axios o
Soy nuevo en el uso de clases ES6 con React, anteriormente he estado vinculando mis métodos al objeto actual (mostrar en el primer ejemplo), pero ¿ES6 me permite vincular permanentemente una función de clase a una instancia de clase con flechas? (Útil cuando se pasa como una función de devolución...
Tengo un widget de chat que muestra una variedad de mensajes cada vez que me desplazo hacia arriba. El problema que estoy enfrentando ahora es que el control deslizante permanece fijo en la parte superior cuando se cargan los mensajes. Quiero que se centre en el último elemento del índice de la...
Me gustaría ver una titleen la <AppBar />que de alguna manera se pasa por la ruta actual. En React Router v4, ¿cómo podría <AppBar />pasar la ruta actual a su titleutilería? <Router basename='/app'> <main> <Menu active={menu} close={this.closeMenu} /> <Overlay...
Soy nuevo en todo el mundo nodejs / reactjs, así que me disculpo si mi pregunta suena tonta. Así que estoy jugando con reactabular.js . Cada vez que hago un npm startsiempre se ejecuta localhost:8080. ¿Cómo lo cambio para que se ejecute 0.0.0.0:8080para que sea accesible públicamente? He estado...
Con React 16.8.6 (fue bueno en la versión anterior 16.8.3), obtengo este error cuando intento evitar un bucle infinito en una solicitud de recuperación ./src/components/BusinessesList.js Line 51: React Hook useEffect has a missing dependency: 'fetchBusinesses'. Either include it or remove the...
Me gusta bastante el patrón CSS en línea en React y decidí usarlo. Sin embargo, no puede usar los :hoverselectores y similares. Entonces, ¿cuál es la mejor manera de implementar resaltar al pasar el mouse mientras se usan estilos CSS en línea? Una sugerencia de #reactjs es tener un...
Estoy usando como entorno un IDE en línea de Cloud9.io ubuntu VM en línea y lo he solucionado resolviendo este error simplemente ejecutando la aplicación con el servidor de desarrollo Webpack. Lo lanzo con: webpack-dev-server -d --watch --history-api-fallback --host $IP --port $PORT $ IP es una...
Vengo del mundo angular donde podría extraer lógica a un servicio / fábrica y consumirlos en mis controladores. Estoy tratando de entender cómo puedo lograr lo mismo en una aplicación React. Digamos que tengo un componente que valida la entrada de contraseña del usuario (es fuerza). Su lógica es...
Estoy usando create-react-app y prefiero no hacerlo eject. No está claro dónde deberían ir las fuentes importadas a través de @ font-face y cargadas localmente. A saber, estoy cargando @font-face { font-family: 'Myriad Pro Regular'; font-style: normal; font-weight: normal; src:...
Estoy tratando de alternar el estado de un componente en ReactJS pero aparece un error que dice: Profundidad máxima de actualización excedida. Esto puede suceder cuando un componente llama repetidamente a setState dentro de componentWillUpdate o componentDidUpdate. React limita el número de...