Tengo tres archivos: App.js, A.js y B.js. A y B son componentes funcionales que se utilizan en App.js. Dentro de A.js tengo una función foo(), y dentro de esta función quiero obligar a B.js a volver a renderizar.
¿Alguna idea de cómo hacer esto?
Busqué en Google este problema y descubrí que podía establecer un estado en B.js y actualizar ese estado. Pero, ¿cómo puedo actualizar este estado externo desde foo() en A.js?
Tenga un state en su App , luego pase su state a B y la función setState a A como props . Luego, cada vez que actualice el estado a través de la función setState del componente A , se volverá a procesar el componente B Ocurre porque la reacción dispara la renderización cada vez que se actualizan los accesorios.
Puede volver a representar un componente cambiando el valor del atributo clave. cada vez que se cambia la clave, React desmonta y monta el componente.
¿Por qué quieres volver a renderizarlo? Si pasa accesorios a un componente, se volverá a procesar automáticamente si esos accesorios cambian.