Preguntas etiquetadas con reactjs

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 actualizaciones anidadas para evitar bucles infinitos. No veo …

177 javascript  reactjs  react-native 

En los documentos oficiales de React menciona: Si está familiarizado con los métodos de ciclo de vida de la clase React, puede pensar en useEffect Hook como componentDidMount, componentDidUpdate y componentWillUnmount combinados. Mi pregunta es: ¿cómo podemos usar el componentWillMount()método lifecyle en un gancho?

176 javascript  reactjs  jsx  react-hooks 

Soy muy nuevo en React JS (como en, recién comencé hoy). No entiendo cómo funciona setState. Estoy combinando React y Easel JS para dibujar una cuadrícula basada en la entrada del usuario. Aquí está mi bin JS: http://jsbin.com/zatula/edit?js,output Aquí está el código: var stage; var Grid = React.createClass({ getInitialState: function() …

175 javascript  reactjs  setstate 

He estado trabajando con un proyecto React, usando create-react-app, y tengo dos opciones para comenzar el proyecto: Primera forma: npm run startcon la definición package.jsonasí: "start": "react-scripts start", Segunda forma: y npm start ¿Cuál es la diferencia entre estos dos comandos? ¿Y cuál es el propósito de la react-scripts start? …

175 reactjs  npm 

Creo un proyecto ReactJS con el create-react-apppaquete y funcionó bien, pero no puedo encontrar los archivos y las configuraciones del paquete web. ¿Cómo funciona react-create-app con webpack? ¿Dónde se encuentran los archivos de configuración del paquete web en una instalación predeterminada create-react-app? No puedo encontrar archivos de configuración en las …

172 javascript  reactjs  webpack  ecmascript-6  create-react-app 

¿Hay alguna diferencia "detrás de escena" de configurar el innerHTML de un elemento frente a configurar la propiedad peligrosamenteSetInnerHTML en un elemento? Supongamos que estoy desinfectando adecuadamente las cosas por simplicidad. Ejemplo: var test = React.createClass({ render: function(){ return ( <div contentEditable='true' dangerouslySetInnerHTML={{ __html: "Hello" }}></div> ); } }); vs …

171 javascript  html  reactjs 

Con este código: import React from 'react'; import { Link } from 'react-router'; import { View, NavBar } from 'amazeui-touch'; import * as Pages from '../components'; const { Home, ...Components } = Pages; Me sale este error de eslint: 7:16 error Parsing error: Unexpected token .. Why? Aquí está mi …

169 javascript  reactjs  eslint 

Soy nuevo en React JavaScript. Estoy tratando de deshabilitar un botón cuando un campo de entrada está vacío. ¿Cuál es el mejor enfoque en React para esto? Estoy haciendo algo como lo siguiente: <input ref="email"/> <button disabled={!this.refs.email}>Let me in</button> ¿Es esto correcto? No es solo la duplicación del atributo dinámico, …

168 reactjs 

Tengo un problema, que no tengo ideas, cómo resolverlo. En mi componente reaccionar, muestro una larga lista de datos y pocos enlaces en la parte inferior. Después de hacer clic en cualquiera de estos enlaces, completo la lista con una nueva colección de enlaces y necesito desplazarme hacia la parte …

168 scroll  reactjs  render 

Estoy tratando de representar dinámicamente componentes en función de su tipo. Por ejemplo: var type = "Example"; var ComponentName = type + "Component"; return <ComponentName />; // Returns <examplecomponent /> instead of <ExampleComponent /> Probé la solución propuesta aquí React / JSX nombres de componentes dinámicos Eso me dio un …

168 javascript  reactjs  react-jsx 

Estoy usando React y Redux para desarrollar una aplicación web y cuando comencé mi proyecto obtuve esto: Line 13: Unexpected use of 'location' no-restricted-globals Search for the keywords to learn more about each error. Busco mucho sobre cómo resolverlo, pero ninguna de las respuestas que encontré me ayudó, así que …

168 javascript  reactjs  react-router  eslint 

Tengo problemas para actualizar el estado de la casilla de verificación después de asignarlo con el valor predeterminado checked="checked"en React. var rCheck = React.createElement('input', {type: 'checkbox', checked:'checked', value: true}, 'Check here'); Después de asignar checked="checked", no puedo interactuar el estado de la casilla haciendo clic para desmarcar / marcar.

168 reactjs  checkbox 

Estoy tratando de aprender ganchos y el useStatemétodo me ha confundido. Estoy asignando un valor inicial a un estado en forma de matriz. El método set en useStateno me funciona incluso con spread(...)o without spread operator. He hecho una API en otra PC a la que estoy llamando y obteniendo …

167 javascript  reactjs  react-hooks 

Actualmente estoy revisando los tutoriales React-Native. Comencé con el tutorial de inicio, donde hice un nuevo proyecto nativo de reacción y logré ejecutar el proyecto con éxito en mi dispositivo. Luego comencé el tutorial de Props , copié el fragmento de código e intenté ejecutar el proyecto nuevamente y tuve …

166 javascript  facebook  reactjs  react-native 

¿Cómo puedo cargar la imagen del directorio local e incluirla en la reactjs img srcetiqueta? Tengo una imagen llamada one.jpegdentro de la misma carpeta que mi componente y probé ambas <img src="one.jpeg" />y <img src={"one.jpeg"} />dentro de mi renderfunción, pero la imagen no aparece. Además, no tengo acceso al webpack …

166 reactjs