Estoy en una situación como esta en la que necesito alternar entre dos componentes, ambos componentes pueden volverse significativamente pesados, así que los memoricé.

Siguiendo el primer comentario del enlace de arriba, estoy usando el useMemo() en el padre de ambos componentes para poder mostrar/ocultar un componente en particular:

 function myComponent() { const [activeTab, setActiveTab] = useState('Books'); const MemoizedBooks = useMemo(() => <Books />, []); const MemoizedRequests = useMemo(() => <Requests />, []); return ( <div>{activeTab === 'Books' ? MemoizedBooks : MemoizedRequests}</div> ) }

el problema/pregunta

Si el componente <Books/> se actualiza solo, por ejemplo, ¿cómo sabrá myComponent padre de esta actualización y luego actualizará memoizedBooks ?