La App tiene un estado a partir del cual se calcula un valor memorizado que se pasa a las Option como accesorios. Cuando el estado cambia debido a una devolución de llamada pasada a Option , la App se vuelve a procesar, lo que provoca
OptionSomeComponent que ni siquiera necesita accesorios Estoy buscando un patrón que use ganchos React y administración de estado que permita que solo se vuelvan a representar 2 de las Option : la que está deseleccionada, porque su propiedad isSelected va de verdadero a falso, y la que está seleccionada, porque su propiedad isSelected va de falso a verdadero. No entiendo por qué los otros componentes secundarios, particularmente SomeComponent , deben volver a renderizarse, cuando sus accesorios no cambian.
Esto generalmente se hace con React.memo para hacer que los componentes cuyo renderizado solo dependa de sus accesorios, no se vuelvan a renderizar a menos que sus accesorios cambien.