React (también conocido como React.js o ReactJS) es una biblioteca de JavaScript desarrollada por Facebook para construir interfaces de usuario. Utiliza un paradigma declarativo basado en componentes y pretende ser eficiente y flexible.

reactjs...

Tengo un PrivateRoute que verifica si un token es válido y es una función asíncrona. El problema es: mi validación para renderizar una vista no funciona, siempre está renderizando: App.js const PrivateRoute = ({ component: Component, ...rest }) => ( <Route {...rest} render={props => ....
17 may. 2020 a las 19:01
Estoy usando React + Redux y me gustaría crear un contador de Me gusta, pero tengo un error 'no se puede leer la propiedad' mapa 'de undefined'. Mi código Reductor : const initialState = { comments: [], text: '' } case PUT_LIKE: { return { ...state, comments:....
17 may. 2020 a las 17:40
Tengo una matriz: data = [ {date: 4/15/2020, 9:46:07 PM, value: "abc"}, {date: 4/15/2020, 11:19:18 PM, value: "xyz"}, {date: 4/16/2020, 1:25:13 PM, value: "def"}, {date: 4/17/2020, 5:6:17 PM, value: "pqr"} ]; Tengo que comparar los objetos de fecha y fusionar las m....
15 may. 2020 a las 23:01
En pocas palabras, tengo un componente de clase que construye una encuesta. Antes de enviar los datos al servidor, necesito transformarlos un poco para que se ajusten a la solicitud de la API. Creé un método transformData en mi componente de clase que transforma los datos derivados del estado. Como ....
15 may. 2020 a las 17:55
Este es mi ReactPage con axios. Básicamente quiero usar estos datos en la visualización de datos, pero no obtuve los datos. siempre "TypeError: this.state.posts.map no es una función". Este error está mostrando. Este es mi ReactPage con axios. Cómo resolver este problema y cuál es la causa de mostr....
15 may. 2020 a las 15:52
¿Cómo puedo detener tanto el temporizador cuando se hace clic en mi botón en reactjs? He notado que cuando mi temporizador se está ejecutando, todo mi componente vuelve a representar cada vez cómo evitar esta parte. export default function App() { const [counterSecond, setCounterSecond] = React.us....
15 may. 2020 a las 15:25
Si una búsqueda en React hooks ha devuelto zero results, me gustaría mostrar un mensaje de texto "¡No hay datos disponibles para los criterios de búsqueda!" en la pagina? He intentado una condición, pero no estoy seguro de dónde agregar. if(results.length == 0) { return ( <div>No data availabl....
15 may. 2020 a las 12:35
Estoy tratando de traer una ventana emergente basada en hacer clic en los enlaces respectivos. Aquí pude ver que onClick se está activando junto con el cambio de estado Pero no aparece ningún modal. ¿Puede alguien decirme qué estoy haciendo mal? Estoy usando el modo semántico-ui-react para el mismo ....
Soy (muy) nuevo en reaccionar al haber venido de un fondo Java. Estoy tratando de refactorizar algún código existente para usar Async y esperar. El error aparece justo antes de mi función de renderizado () (resaltada con *****) y obtengo un "/src/App.js: token inesperado, error esperado", "y no pued....
15 may. 2020 a las 05:15
Tengo esto : <Route path="/management/:entity" component={Pages.ManagementPage}/> Y tengo una lista simple <ul> con elementos <Link>: <Link key={index} to={{pathname: entity}} ...//irrelevant details here> <li>Page name here</li> </Link> Todo funciona bien cuando cambio entre: localhost:30....
14 may. 2020 a las 23:56
Estoy tratando de cambiar / alternar el fondo de un botón usando el estilo en línea en React pero obtengo un error (en el componente funcional). Fragmento: import React, { useState } from 'react'; const Home2 = () => { const [status, setStatus] = useState(false); btnClick = () => { setS....
14 may. 2020 a las 21:38
En un componente de reacción, actualizo state de varias maneras, pero me gustaría hacer una evaluación (llamar a una función) después de actualizar el estado. Cuando hago lo siguiente, secondUpdate() no accede a la state actualizada, por lo que es un ciclo tarde: firstUpdate = e => { this.setSta....
14 may. 2020 a las 17:15
Estoy tratando de acortar una cadena en un componente de reacción que recibí de una llamada API en reaccionar, pero recibo TypeError: No se puede leer la propiedad 'subcadena' de undefined. Aquí está el fragmento: shorten(){ let res = this.props.details.substring(100, 0); return res; } Esto....
14 may. 2020 a las 13:50
Estoy tratando de usar react-useMemo para evitar que un componente se vuelva a representar. Pero desafortunadamente, no parece resolver nada y estoy empezando a preguntarme si estoy haciendo algo mal Mi componente se parece a esto function RowVal(props) { console.log('rendering'); return ( <....
14 may. 2020 a las 11:29
Estoy buscando una matriz dentro de mi objeto para devolver un objeto con solo los valores coincidentes en mi matriz de categorías usando filter & include. Por alguna razón cada vez que intento ejecutar mi función sigo obteniendo TypeError: No se puede leer la propiedad 'incluye' de nula O TypeError....
14 may. 2020 a las 10:10
¿Cómo puedo mostrar el temporizador de cuenta regresiva en minutos y segundos? ahora mismo puedo mostrar el temporizador en segundos, pero solo quiero mostrar los minutos y los segundos. Actualmente mi temporizador de cuenta regresiva se muestra de esta forma Countdown: 112 pero quiero que sea como ....
14 may. 2020 a las 10:04
Tengo un componente de entrada en react que recibe un evento onChange de otro componente: <input type="text" onChange={onChange} /> Pero quiero agregar un accesorio de otro componente a este componente que hace que la entrada solo acepte alfabetos. Sería algo como esto: <input type="text" onKeyPres....
14 may. 2020 a las 07:31
Así que no estoy 100% seguro de que este sea el problema, pero estoy usando el método de búsqueda para obtener datos de este enlace https://swapi.py4e.com/api/people. Y luego estoy tratando de usar la función .map en él. En lugar de funcionar, recibo un error Unhandled Rejection (TypeError): jedis.m....
14 may. 2020 a las 05:48
Estoy creando una aplicación nativa de reacción y, por alguna razón, cuando toco la entrada de texto para escribir algo, desaparece bajo el teclado. Quiero que llegue a la parte superior del teclado, como lo hace Instagram Messenger y otras aplicaciones de mensajería. Intenté usar keyboardAvoidView ....
14 may. 2020 a las 04:47
Estoy tratando de representar el componente <Login /> dentro del componente <Home /> y sigo recibiendo este error: Failed to compile ./src/components/home/Home.js Module not found: Can't resolve './login/Login' in 'C:\Users\Sarah\Desktop\dev\backend\react-express\client\src\components\home' Aquí ....
13 may. 2020 a las 20:40
Lo que estoy tratando de hacer es obtener datos de una API meteorológica, pero lo que sucede es que en el primer render el estado de 'datos' está vacío y en el segundo render se llama a la API y se establecen los datos. Esto hace que cuando intente acceder a los datos más tarde para una imagen recib....
13 may. 2020 a las 19:09
Soy un principiante en React y tengo problemas. Tengo dos componentes uno es padre (App.js) que pasa su estado al componente hijo (CardList). el otro es hijo que recibe el estado aprobado y lo usa como accesorios. Lo que quería hacer es que cuando haga clic en el botón de búsqueda y asigne un nombre....
Mapeo elementos y pongo el botón de clic, que toma el elemento elegido, y hago las acciones necesarias con él. problema es cómo hacer que onClick = {function} sepa qué elemento está seleccionado? Porque siempre toma el último elemento del mapa (la gramática inglesa no es mi lado fuerte). <div classN....
13 may. 2020 a las 17:15
¿Cómo puedo filtrar mi matriz de datos y mostrarla en el mapa solo si el elemento de la matriz está configurado como "verdadero"? Quiero mostrar contenido si el valor se establece en TRUE solamente. consultar__disponibilidad: verdadero {filteredConsult && filteredConsult.map((value, i....
13 may. 2020 a las 15:44
Tengo una función con un cambio de idioma. Ahora quiero tener una representación condicional de los botones con el valor de la función, por ejemplo, 'nl' cuando se hace clic en el idioma, el botón nl desaparece. Ya comencé con el lenguaje constanteIsEnglish export default function App({ path }) { ....
13 may. 2020 a las 11:56