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
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...
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 =...
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...
¿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(){...
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í...
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...
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...
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í...
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...
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",...
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 los...
¿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...
Puedo alcanzar este punto final, a http://catfacts-api.appspot.com/api/facts?number=99través de Postman y vuelveJSON Además, estoy usando create-react-app y me gustaría evitar configurar cualquier configuración de servidor. En mi código de cliente estoy tratando de usar fetchpara hacer lo mismo,...
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...
En React 16.2, Fragmentsse agregó soporte mejorado para . Puede encontrar más información en la publicación del blog de React aquí. Todos estamos familiarizados con el siguiente código: render() { return ( // Extraneous div element :( <div> Some text. <h2>A heading</h2>...
Intento escribir un componente Reaccionar. para etiquetas de encabezado html (h1, h2, h3, etc.), donde la prioridad del encabezado cambia dinámicamente en función de la prioridad que hemos definido en los accesorios. Aquí lo que intento
Esto es lo que probé y cómo sale mal. Esto funciona: <div dangerouslySetInnerHTML={{ __html: "<h1>Hi there!</h1>" }} /> Esto no: <div dangerouslySetInnerHTML={{ __html: this.props.match.description }} /> La propiedad de descripción es solo una cadena normal de...
¿Alguien puede explicar la diferencia entre <Route exact path="/" component={Home} /> y <Route path="/" component={Home} /> No sé el significado de
¿Cómo obtengo la altura de la ventana gráfica en ReactJS? En JavaScript normal uso window.innerHeight() pero usando ReactJS, no estoy seguro de cómo obtener esta información. Mi entendimiento es que ReactDOM.findDomNode() solo funciona para componentes creados. Sin embargo, este no es el caso...