Soy nuevo en JS. Y me preguntaba cuál es la forma más preferida para actualizar datos en componentes secundarios. ¿Es mejor usar ganchos o redux? Digamos que tengo un componente principal con 3 componentes secundarios.
<Parent> <ChildA/> <ChildB/> <ChildC/> </Parent> Y necesito actualizar algo en ChildA y ChildB y pasárselo a ChildC
¿Cuál sería la mejor manera de hacerlo?
¿Uso ganchos como este?
[childAValue, setChildAValue] = useState([]) [childBValue, setChildBValue] = useState([]) <ChildA onChildChanged={(e) => { setChildAValue(e) }} /> <ChildB onChildChanged={(e) => { setChildBValue(e) }} /> <ChildC childAValue={childAValue} setChildBValue={setChildBValue} />¿O es mejor usar redux? Debido a que con el uso de ganchos, es posible que tenga muchos renderizados si hay 3 o 4 componentes o más. Pero, por otro lado, Redux se sobrecargará si lo uso para todos los componentes posibles. ¿Qué forma prefiere más y por qué? Esta pregunta también se refiere a los modales cuando necesita pasar el valor de los modales a los componentes correspondientes.
aquí tiene varios componentes secundarios, necesita pasar funciones para cambiarlos en todos ellos, redux se puede usar aquí y eliminará la molestia de pasar accesorios a cada uno de los componentes. Redux es un estándar de la industria y se usa en grandes proyectos web, donde necesita administrar un estado global para estar presente y accesible en todos los componentes/módulos, por ejemplo, el estado de autenticación, para su pregunta simplemente pasar como accesorios también funciona. no hay necesidad de complicar más las cosas.