Estoy buscando construir la siguiente funcionalidad en un sitio similar al siguiente: https://au.indeed.com/jobs?q=no%20experience&l=Melbourne%20VIC&from=searchOnHP&vjk=6c88ada376b9317e
Lo que quiero decir es que me gustaría probar y construir dos componentes. Una lista de tarjetas a la izquierda y un panel de información a la derecha que se completa con información al hacer clic en la tarjeta de la izquierda.
¿Cuál es la forma correcta de gestionar esto? ¿Usaría el estado en el componente izquierdo y lo pasaría a través del árbol o usaría redux y enviaría el estado para representar la información?
El estado se administra encima de la lista, algo así:
const Container = ({things}) => { const [selected,setSelected] = useState() return ( <> <ThingList things={things} onSelect={setSelected}/> <DetailView thing={selected}/> </> ) }