Información de etiqueta

Respuestas populares con la etiqueta

6 votos
Aceptado

Cuál es la diferencia entre React-Router y React-Router-Dom?

React Router se utiliza para proyectos que no hacen uso del DOM. Un ejemplo de esto son aplicaciones nativas que utilizamos en dispositivos móviles. Por ejemplo, una aplicación creada con React ...
Juan Marco's user avatar
3 votos

./node_modules/react-router/index.js Module not found: Can't resolve 'history' in node_modules\react-router

Lo solucione con esta linea en la consola npm install --save react-router@next history
Luis Card's user avatar
2 votos
Aceptado

React router, detectar cuando no tiene parametro

Podrías modificar un poco tu código, de entrada en tu componente de routeo podrías indicar a la ruta que el parámetro no es un parámetro obligatorio, que es un parámetro opcional, esto se hace a ...
Jesús Ochoa's user avatar
2 votos
Aceptado

¿Cómo puedo redireccionar con react-router y el hook useEffect?

Para usar el Componente Redirect, necesitas incluirlo en el return de tu componente, usarlo dentro del useEffect no tendrá el resultado que esperas (no va a renderizar nada). Recuerda el principio del ...
Kroneaux Schneider's user avatar
2 votos
Aceptado

React JS como mostrar o no mostrar componentes

Se requiere controlar el componente <FooterComponent />, de tal forma que ReactJS lo devuelva o lo oculte: este componente FooterComponent, NO quiero que se renderice cuando se renderiza el ...
g.4's user avatar
  • 3,334
2 votos
Aceptado

No me lleva a la página de error 404

Hola amigo a mi me paso lo mismo y lo solucione cambiando: BrowserRouter por HashRouter Cambia <Route component={Error404} path="*"></Route> por <Route component={Error404}/&...
Giovanny's user avatar
  • 300
2 votos
Aceptado

¿Como abrir un enlace externo a React Router Dom?

Para hacer referencia a un sitio distinto al tuyo tienes que poner el link incluyendo el protocolo: prueba: <a href="https://www.facebook.com" target="_blank" rel="noopener ...
Japsz's user avatar
  • 1,096
2 votos

sumar y restar campos dinámicos reactjs

Para lograr eso habría que agregarle un par de cosas a tu código. Te propongo esta manera de hacerlo: Primero creamos un nuevo estado llamado amount y lo inicializamos en 0. const [amount, setAmount] ...
Desarrollos-Web-Urquiza's user avatar
2 votos

React router v6 dom no funciona sin componente desde render

Parece que la forma de obtener parámetros del URL también cambió en la versión 6 de react-router. En la versión anterior, se podía usar la propiedad render del componente route, junto con el uso de ...
g.4's user avatar
  • 3,334
2 votos
Aceptado

Type '{ path: string; component: () => Element; }' is not assignable to type Property 'component'

ya no se usa component , ahora es element, intenta de esta manera <Route path="/" element={<Home />} /> y debes envolverlo en Routes quedando de esta manera <div className=&...
Daniel's user avatar
  • 1,052
2 votos
Aceptado

React Router: Pasar propiedades de un componente por medio del componente Link

Nótese la diferencia entre react-router V5 y V6 Se puede configurar el componente Link con link to: object. React Router V5 <Link to={{ pathname:`/description/${name}`, state:"...
g.4's user avatar
  • 3,334
2 votos

Navegar por id de elemento en React v6

Si estas utilizando alguna biblioteca de estilos como bootstrap y no vez el resultado, esto puede ser por la propiedad class que en react es sustituida por className, aqui te dejo un link de la ...
Uriel Cisneros's user avatar
1 voto

El carrusel no renderiza cuando me muevo en las paginas con react-router

Pude resolver el bug. El problema estaba en el escuchador del inicializador: "document.addEventListener('DOMContentLoaded', callback(){...}" por alguna razón no se volvía a ejecutar el ...
Ariel Esteban's user avatar
1 voto
Aceptado

React - Volver atrás con las propiedades seleccionados en el formulario

Lo que intentas hacer no es posible, por defecto, porque básicamente cuando desmontas el componente. Se borra esa instancia de memoria y no es posible recuperarla, este es un gran problema en las SPA ...
joseglego's user avatar
  • 516
1 voto
Aceptado

React JS - Pasar props de un navlink a un componente

acabo de probar el código y debería funcionar, si haces la configuración adecuada. Generé el siguiente codesandbox: funcionando https://codesandbox.io/s/rough-tree-9iooj Toma en cuenta que debes tener ...
joseglego's user avatar
  • 516
1 voto
Aceptado

crear una división entre un campo input y un campo select - reactjs

Le faltarían algunos cambios a tu código. Primero, dentro de la función useEffect1, no estás trayendo los datos del primer input correctamente. Los datos de ahí ya estaban justamente en el estado ...
Desarrollos-Web-Urquiza's user avatar
1 voto

Una promesa dentro de useEffect regresa undefined

Cuando haces un fetch deberías esperarlo con await porque es una promesa. Un ejemplo sería utilizando una función async y dentro el await de fetch: export const Photos = () => { const [ photos,...
Moises Samuel Maison's user avatar
1 voto
Aceptado

El Login con Firebase auth no funciona en mi app React

Finalmente solucione el problema con la ayuda de otro usuario. El problema era que no estaba llamando bien a firebase/auth De es Tanto en App.js como en Signin.js cree una constante para señalar ...
Miguel Espeso's user avatar
1 voto

error select dinamico - reactjs

Añadi el codigo usando hooks Te dejo el algorito funcionando en este link https://codesandbox.io/s/nifty-christian-wqxo2 import React, { useState } from "react"; let initialState = { ...
Cristian Camilo's user avatar
1 voto
Aceptado

Al escribir dentro de un input un valor numérico x quiero que me aparezca en un select el mismo numero del input pero -1 reactjs

Estabas casi! Sólo traslada las operaciones que estas realizando dentro de map, al método handleClick. setValues([(+input - 1), ((+input - 1) * 2), ((+input - 1) * 2 * 2)]) Y luego imprime el option ...
Paulo Urbano Rivera's user avatar
1 voto

No he logrado que al escribir dentro de un input un numero luego este pase a un select y se reste -1 y luego se multiplique - reactjs

Tienes que utilizar un componente de React que tenga un state. Te adjunto el ejemplo de como podría resolverse tu problema. class MyComponent extends Component { constructor(props) { super(props)...
Jacobo's user avatar
  • 926
1 voto
Aceptado

que me muestre de forma dinámica los divisores dentro de un select que se agreguen en un input - reactjs

Lo que deberías hacer es controlar el valor ingresado en el input, y mediante ese valor, obtener el mod de tu número siempre y cuando el residuo sea cero, o lo equivalente, que la división sea exacta. ...
Paulo Urbano Rivera's user avatar
1 voto
Aceptado

Error de hooks al crear sistema de importación de rutas en APP.js de react

Me parece que el problema es por que el componente se carga aun cuando no esta en uso, algo para ayudar a generar tus rutas es el uso de lazy por lo que tu staticRoutes puede quedar de la siguiente ...
Richard's user avatar
  • 1,455
1 voto
Aceptado

Como pasar una propiedad del state a otra componente

Se puede envolver el botón con el componente Link, esto con la finalidad de llamar a las funciones del Componente uno al dar click en el vínculo ver más: <Link to={`/Plantilla/${equipo.Equipo}`}>...
g.4's user avatar
  • 3,334
1 voto

Navegacion en la misma pagina con React

Si, usando el tag <a></a> con href al id o className de la sección se logra navegar en la misma página de una manera básica. Por ejemplo yo lo haría de este modo: const Nav = () => { ...
davidbug's user avatar
  • 480
1 voto

Navegacion en la misma pagina con React

para poder hacer una navegación entre secciones como tu dices primero debes tener en cuenta el concepto de componente, un componente podrías pensarlo como una etiqueta html que en algún futuro podrías ...
Enzo's user avatar
  • 121
1 voto
Aceptado

¿Se puede hacer NavLink en el evento onClick de un Button?

con react-router-dom puedes darle al usuario dos maneras de navegar, una es mediante una simple etiqueta Link que viene con react-router-dom y la otra manera es mediante lógica, a continuación unos ...
Enzo's user avatar
  • 121
1 voto
Aceptado

Multipestaña react

Puedes utilizar redux-persist para que el state de redux se guarde en localStorage de manera que se compartirá entre pestañas. https://github.com/rt2zz/redux-persist O puedes guardar manualmente el ...
Tasio's user avatar
  • 891
1 voto

¿Como podria hacer esto en ReactJS?

Si estas usando react-router solo tienes que renderizar el nav antes de definir tus rutas, algo así: <Nav /> <Switch> <Route path="/path1" component={Component1} /> <...
Tasio's user avatar
  • 891

Only top scored, non community-wiki answers of a minimum length are eligible