Tengo un Modal que es hijo de un componente de Card :
Card > Modal La Card tiene accesorios que envía al Modal . Cuando selecciono una opción en la interfaz de usuario de Modal , actualiza los datos en la Card y, por lo tanto, vuelve a procesar la Card , cerrando Modal mientras lo hace.
Esto no es ideal porque me gustaría que el usuario continuara usando el Modal hasta que presione explícitamente "cerrar".
¿Hay alguna manera de actualizar los datos/estado en la Card subyacente (para que Modal pueda usar el nuevo estado), pero NO active una nueva representación completa del árbol de componentes hasta que Modal finalmente se cierre?
No hay Redux involucrado en este momento, y me gustaría evitarlo si es posible.
Cada vez que se actualiza un estado, todos los componentes que usan el estado y sus elementos secundarios se vuelven a representar. Probablemente debería usar los portales de reacción para lograr lo que necesita con el modal. Hay un violín al final del enlace de documentos. Documentos: https://reactjs.org/docs/portals.html