Usando React y material-ui, tengo un contenedor de pestañas bastante grande y quiero mantener las búsquedas de datos locales para cada componente de pestaña. Quiero ser capaz de cargar esencialmente con avidez algunos de los componentes de la pestaña, de modo que tan pronto como se monte el contenedor de la pestaña, las pestañas con un apoyo greedyLoad que se les pasó se monten (aunque no la pestaña activa / visible) y hacer la búsqueda para el datos que necesitan.
El motivo es que algunas de las pestañas necesitan un recuento de los datos que busco en la etiqueta de la pestaña.
Entiendo que puedo obtener los datos del componente principal y pasar los datos como apoyo hacia abajo, pero realmente me gustaría mantener la búsqueda local para cada componente de pestaña. Lo he visto hacer en una empresa anterior en la que trabajé y olvidé por completo cómo funcionaba. Algo con CSS, creo. Gracias por adelantado
Si oculta el componente con CSS, su componente se montará en el DOM, pero será invisible para el usuario. Solo necesitamos agregar algo de css en línea y hacer uso de la propiedad display: none
function myComponent(show) { // TODO: fetch the data return ( <div style={{display: show ? "block" : "none"}}> <h1 >This component may be invisible!</h1> <p>{data}</p> </div> ); }