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 una aplicación de chat donde un usuario no registrado puede enviar un mensaje a alguien que está registrado. El problema es que el uso de firebase.auth().signInAnonymously() generará uid y actuará como un usuario que inició sesión. Mi preocupación es que cuando el usuario anónimo decide cerrar....
Soy muy nuevo en SQL y he estado trabajando en esta consulta y parece que no puedo hacer que funcione. Necesito sumar las categorías (cuántos clientes hay en cada país y cuántos clientes tiene cada empleado). Esto es lo que intenté hacer para obtener el total de clientes en cada país: COUNT(*) Total....
27 ago. 2020 a las 09:52
Dado que mi base de código es bastante grande, no agregaré un ejemplo. Ojalá mi pregunta sea lo suficientemente clara. Estoy usando react-chartjs-2 para crear un gráfico de anillos. Noto que cada cambio de estado probablemente desencadenará un evento en el gráfico. No puedo entender cómo evitar que ....
26 ago. 2020 a las 15:30
Seguí el tutorial de react-redux y el siguiente patrón aparece regularmente en el código de ejemplo: import { useDispatch} from 'react-redux' ... const dispatch = useDispatch() https://redux.js.org/tutorials/essentials/part-3-data-flow#adding-new-posts ¿Cuál es el propósito de redefinir la funci....
25 ago. 2020 a las 18:02
Encontré este proyecto de progreso de carga genial disponible en JavaScript y < a href = "https://github.com/kimmobrunfeldt/react-progressbar.js#api" rel = "nofollow noreferrer"> Reaccionar . En su ejemplo en la parte inferior, tienen un círculo de carga de progreso en forma de imagen .svg (Cora....
25 ago. 2020 a las 17:56
Tengo un componente funcional de React que se comporta de esta manera: const Child = ({objValues, number}) => { const emptyState = { a: { b: "", c:""} d: { e: "", f:""} } const initialState = {...emptyState, ...objValues} const [state, dispatch] = useReducer(reducer, {...initialStat....
25 ago. 2020 a las 14:13
Puede sonar tonto, pero estoy aprendiendo aquí que estoy tratando de convertir un componente en un componente basado en funciones. Hice todo bien pero estoy atrapado en algo muy tonto Tengo este código para Discover export default class Discover extends React.PureComponent { state = { items: [....
25 ago. 2020 a las 12:58
Así que he intentado durante días resolver el siguiente problema: movies [ { id: 1, name: 'Alpha', rating: 0 }, { id: 2, name: 'Bravo', rating: 0 }, { id: 3, name: 'Charlie', rating: 0 } ] Ya tengo una forma de agregar y eliminar películas a / desde esta....
25 ago. 2020 a las 00:33
He leído varias entradas sobre cómo evitar que las matrices se muten en React, pero no puedo entender por qué se está mutando mi matriz original. En el componentDidMount, voy a la base de datos y recupero los registros de pérdidas y ganancias de cada semana y guardo los registros en el estado. (Cada....
24 ago. 2020 a las 01:21
Estoy tratando de apuntar a 3 hijos div s de un componente con estilo, y no puedo entender qué estoy haciendo mal con mi sintaxis, y los documentos del componente con estilo no parecen cubrir esto bien. Mi codigo es: const HamburgerButton = styled.div` display: flex; flex-direction: column; ....
24 ago. 2020 a las 00:12
Estoy aprendiendo React recientemente. El problema es que, al aprender React y redux, tengo que ejecutar un servidor en segundo plano. No quiero perder tiempo construyendo una API REST por ahora. Entonces, ¿alguien puede sugerirme algún servidor simulado donde pueda encontrar algunos datos JSON para....
23 ago. 2020 a las 18:09
Hola, estoy tratando de obtener los datos de un país y luego quiero buscar los nombres de los países vecinos. import React from 'react'; export default function DetailsRoute({ match }) { const [countryData, setCountryData] = React.useState({}); const [borderCountries, setBorderCountries] =....
Necesito convertir esto: {object.startDate !== null ? <Moment format="MM/DD/YYYY" date={object.startDate}/> : "-----------"} En algo como esto: <DatePicker value={Moment format="MM/DD/YYYY" date={object.startDate}} /> ¿Cómo hago esto correctamente?....
21 ago. 2020 a las 21:36
Ahora, si uso DatePicker Ant Design de forma predeterminada, tengo 2020 para elegir. ¿Cómo puedo abrir un año diferente de forma predeterminada, como 2000 u otro Pero no en todos los componentes, pero en algunos PD. - Lo siento por mi ingles....
21 ago. 2020 a las 17:11
¿Puedes echarme una mano con esta expresión? Básicamente lo que estoy tratando de decir es Si props.row.registered está true inhabilitado para ser true o si es props.row.registered es undefined configúrelo como falso. <Button disabled={!props.row.registered ? true : !props.row.registered === un....
Al cargar la página, trato de activar una solicitud de autenticación si existe un token en el almacenamiento local. // utils.ts const init = async () => { try { const token = window.localStorage.getItem('token'); if (token) { axios.defaults.headers.common['x-auth-tok....
21 ago. 2020 a las 16:46
Tengo un objeto anidado y desde ese objeto de representación quiero acceder a los datos de acuerdo con el clic del usuario. Ejemplo: en el objeto a continuación, cargué la primera pregunta con response.pathway.question y respondí con response.pathway.answers ahora, si el usuario hace clic en sí, la ....
21 ago. 2020 a las 10:51
Tengo un código JSX en el que necesito llamar a una función pura de Javascript que devuelve un valor y usar ese valor de la misma manera que se muestra a continuación <ListItemText title={"Details"} primary={<span className={compStyle && classes[compStyle]}></span>} secondary={content} /> Función J....
21 ago. 2020 a las 10:05
Hola, necesito validar dos instancias de fecha y hora, Usando este Paquete para obtener el tiempo, podemos seleccionar horas min seg en este. Necesito validar si la fecha seleccionada es posterior o anterior, como se ve en el código. Estoy teniendo confusión, ¿validará la fecha con la hora? Cómo com....
21 ago. 2020 a las 09:12
Estaba usando íconos svg de fuentes increíbles, pero me di cuenta de que podrían tener un efecto significativo en el LCP de mi sitio web, así que estoy tratando de reemplazarlos. Entré en mi html, copié el código svg y puse estos componentes svg en archivos svg. Se abren como imágenes en mi imitació....
21 ago. 2020 a las 09:07
Mi primera aplicación con ReactJS No tengo experiencia previa con reactjs y json, pero estoy tratando de aumentar mi conjunto de habilidades y me han dicho que reactjs es excelente para la interfaz. Estoy intentando leer una llamada a API, obtener un objeto json, analizarlo y mostrar cierta inform....
21 ago. 2020 a las 08:02
Contexto: Estoy trabajando en el proyecto vanilla React and React Bootstrap ( no redux ) para administrar roles en mi departamento. La lista de roles no es realmente relevante, pero imagina el contexto: administrador, gerente, capacitador, etc. Tengo un elemento del componente principal <RoleCon....
21 ago. 2020 a las 07:19
Quiero poder mostrar un espacio en la fila de la cuadrícula si test.space_above = true en los datos que estoy mapeando. {sortedUnitTestTemplates.map(test => <div key={test.id} className='Table CreateUnitTestsGrid' style={{cursor: 'pointer'}} onClick={() => onTestTypeClick(test.id)}> ....
21 ago. 2020 a las 05:21
Obtengo un argumento de error de tipo cadena o indefinido no se puede asignar al parámetro de tipo cadena usando mecanografiado y reaccionar A continuación está mi código, function List({items}: Props) { const [activeindex, setActiveindex] = React.useState<string>(); return ( ....
21 ago. 2020 a las 04:56
Este es mi componente de clase: import React from 'react'; import { Jumbotron, Container, Label } from 'reactstrap'; import './Css.css'; class Settings extends React.Component { state = { isChecked: false, } isCheck(e) { this.setState({ isChecked: e.target.checked }) ....
21 ago. 2020 a las 02:32