Estoy obteniendo una location de objeto de otra página como esta.
const location = useLocation();Estoy tratando de establecer una variable como esta.
if (location.state !== null) { console.log(location.state.name.companyName) setcompanyOneAlready(location.state.name.companyName); console.log(companyOneAlready); } Pero esto da como resultado un error de "Demasiados renderizados". Me doy cuenta de que se debe a la forma en que configuré companyOneAlready , pero no sé cómo corregirlo. Cualquier ayuda es apreciada.
Parece que está ejecutando el código como un efecto secundario involuntario y la condición tiene un formato incorrecto.
Use el useEffect con las dependencias correctas para emitir el efecto secundario para actualizar el estado.
Ejemplo:
useEffect(() => { if (location.state !== null) { setcompanyOneAlready(location.state.name.companyName); } }, [location.state]); Para ayudar a guardar una nueva representación, también puede verificar el valor actual de companyOneAlready antes de poner en cola la actualización de estado.
useEffect(() => { if (location.state?.name?.companyName !== companyOneAlready) { setcompanyOneAlready(location.state.name.companyName); } }, [location.state, companyOneAlready]);Parece que location.state nunca es nulo. Creo que, por defecto, es un objeto vacío y {} !== null siempre es verdadero. Además, supongo que setcompanyOneAlready cambia el estado en el componente. Eso activa el renderizado y su condición será verdadera en cada renderizado. Esa es la razón por la que obtienes el error mencionado.
Debe colocar esta condición dentro de useEffect y useEffect debe tener un name o companyName en la matriz de dependencia para volver a ejecutar el efecto solo cuando se cambien algunos de estos valores.