Preguntas con la etiqueta [reactjs]

Lista reactjs preguntas

Estoy usando React Router para crear una aplicación de varias páginas. Mi componente principal es <App/>y representa todo el enrutamiento a componentes secundarios. Estoy tratando de pasar accesorios a través

Siendo un principiante en el mundo de React, quiero entender en profundidad qué sucede cuando lo uso {this.props.children}y cuáles son las situaciones para usarlo. ¿Cuál es su relevancia en el

React Router v4 representa múltiples rutas

3
respuestas
20
votos
25.0k
vistas

Estoy creando un SPA y estoy intentando configurar el enrutamiento en la aplicación usando la react-router-domversión del paquete 4.1.1. Mi definición de ruta está a continuación: <BrowserRouter> <div> <Route exact

¿Alguien puede decirme cómo puedo volver a la página anterior en lugar de a una ruta específica? Al usar este código: var BackButton = React.createClass({ mixins: [Router.Navigation], render: function() {

Digamos que la configuración del paquete web es la siguiente { entry: path.join(__dirname, 'src', 'index.js'), output: { path: path.join(__dirname, 'build'), filename: 'bundle.js' }, Ahora la construcción webpackes y la compilación

Llamar a un gancho de React condicionalmente

3
respuestas
46
votos
80.0k
vistas

De la documentación oficial de React sabemos que "React depende del orden en que se llaman los Hooks" . Entonces, ¿hay algo de malo en "reservar" un lugar para un

Problema Estoy escribiendo una aplicación en React y no pude evitar un error muy común: llamar setState(...)después de componentWillUnmount(...). Miré con mucho cuidado mi código e intenté implementar algunas cláusulas

Estoy aprendiendo Redux con React y me topé con este código. No estoy seguro de si es específico de Redux o no, pero he visto el siguiente fragmento de código

Considerando el siguiente ejemplo de ganchos import { useState } from 'react'; function Example() { const [count, setCount] = useState(0); return ( <div> <p>You clicked {count} times</p> <button onClick={() =>

Por lo que tengo entendido, puedo usar referencias para un solo elemento como este: const { useRef, useState, useEffect } = React; const App = () => { const elRef

en mis padres tengo const [showColorbar, setShowColorbar] = useState( colorbarService.isColorbarToggled(viewportId), ); Le paso este valor a <SwitchButton label="Display Color bar" checked={showColorbar} onChange={() => { onSetColorbar({ viewportId, options: { colormaps, ticks:

Soy principiante en React + Webpack. Encontré un error extraño en mi aplicación web Hello World. Estoy usando babel-loader en webpack para ayudarme a convertir jsx en js, pero parece

Tener servicios en la aplicación React

13
respuestas
345
votos
245.9k
vistas

Vengo del mundo angular donde podría extraer lógica a un servicio/fábrica y consumirla en mis controladores. Estoy tratando de entender cómo puedo lograr lo mismo en una aplicación React. Digamos

Confusión de TypeScript React.FC <Props>

5
respuestas
224
votos
341.7k
vistas

Estoy aprendiendo TypeScript y algunas partes me resultan confusas. Un bit está debajo: interface Props { name: string; } const PrintName: React.FC&lt;Props&gt; = (props) =&gt; { return ( &lt;div&gt; &lt;p

Comprender React-Redux y mapStateToProps()

10
respuestas
266
votos
207.6k
vistas

Estoy tratando de comprender el método de conexión de reaccionar-redux y las funciones que toma como parámetros. En particular mapStateToProps(). Según tengo entendido, el valor de retorno de mapStateToPropsserá un