Preguntas con la etiqueta [reactjs]
¿Cómo pasar datos del componente hijo a su padre en ReactJS?
Estoy intentando enviar datos de un componente secundario a su principal de la siguiente manera: const ParentComponent = React.createClass({ getInitialState() { return { language: '', }; }, handleLanguageCode: function(langValue) {
Plantilla no proporcionada usando create-react-app
Cuando escribo el create-react-app my-appcomando en mi terminal, parece funcionar: descargando todas las bibliotecas correctamente, etc. Sin embargo, al final de ese proceso recibo un mensaje que dice que se
Llamada de gancho no válida cuando intento llamar a una función en otra función Reaccionar
Este código está en el mismo archivo (index.js). Soy realmente nuevo en el desarrollo web y parece que me equivoqué con el código y lo noté después de terminar con
Parámetros de Next.js indefinidos [duplicado]
Estoy intentando obtener el punto final de una página en mi aplicación Next.js usando los parámetros de URL, pero sigue apareciendo undefinedaunque puedo ver el punto final en el navegador.
¿Cómo agregar fuentes a proyectos basados en create-react-app?
Estoy usando create-react-app y prefiero no hacerlo eject. No está claro dónde deben ir las fuentes importadas a través de @font-face y cargadas localmente. Es decir, estoy cargando @font-face {
No se puede actualizar un componente mientras se muestra una advertencia de componente diferente
Recibo esta advertencia al reaccionar: index.js:1 Warning: Cannot update a component (`ConnectFunction`) while rendering a different component (`Register`). To locate the bad setState() call inside `Register` Fui a las ubicaciones
Error: [PrivateRoute] no es un componente <Route>. Todos los componentes secundarios de <Routes> deben ser <Route> o <React.Fragment>
Estoy usando React Router v6 y estoy creando rutas privadas para mi aplicación. En el archivo PrivateRoute.js , tengo el código import React from 'react'; import {Route,Navigate} from "react-router-dom"; import
Cómo evitar funciones de enlace o flecha en línea dentro del método de renderizado
Deberíamos evitar la vinculación de métodos dentro del renderizado porque durante el nuevo renderizado se crearán nuevos métodos en lugar de usar el antiguo, lo que afectará el rendimiento. Entonces,
¿Cómo renderizar una serie de objetos en React?
¿Podría decirme cómo representar una lista en reaccionar js? me gusta esto https://plnkr.co/edit/X9Ov5roJtTSk9YhqYUdp?p=preview class First extends React.Component { constructor (props){ super(props); } render() { const data =[{"name":"test1"},{"name":"test2"}]; const listItems =
Desplácese hasta la parte superior de la página después de renderizar en react.js
Tengo un problema, que no tengo idea de cómo solucionarlo. En mi componente de reacción muestro una larga lista de datos y algunos enlaces en la parte inferior. Después de
¿Qué hace exactamente npm install --legacy-peer-deps? ¿Cuándo se recomienda? ¿Cuál es un posible caso de uso?
Me encontré con este error: npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: [email protected] npm ERR! Found: [email protected] npm ERR!
¿Cuándo usar JSX.Element vs ReactNode vs ReactElement?
Actualmente estoy migrando una aplicación React a TypeScript. Hasta ahora esto funciona bastante bien, pero tengo un problema con los tipos de retorno de mis renderfunciones, específicamente en mis componentes
¿Cómo representar una cadena HTML como HTML real?
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
No se puede usar JSX a menos que se proporcione el indicador '--jsx'
He buscado un poco a mi alrededor una solución a este problema. Todos sugieren agregarlo "jsx": "react"a su archivo tsconfig.json. Lo cual he hecho. Otra era añadir "include: []", cosa
Pasar accesorios al componente principal en React.js
¿No existe una manera sencilla de pasar un niño propsa su padre usando eventos en React.js? var Child = React.createClass({ render: function() { <a onClick={this.props.onClick}>Click me</a> } }); var Parent