Tengo una pieza de estado redux que está seleccionada. Esto devolverá una serie de selecciones, por ejemplo, 3 palabras o lo que no.

Con esto, quiero verificar continuamente esta variable y mostrar y NO el elemento si la lista es MAYOR que 1, por ejemplo, solo se muestra cuando se filtra a 1 selección.

Vea el siguiente código:

 const [activeRole, setActiveRole] = useState(false) const searchResults = useSelector(state => state.jobsearch.roles.map(role => role.title)) const handleActiveSelection = () => { if (searchResults.length > 1) { setActiveRole(true) } }

¿Necesitaría usar un useEffect para monitorear esto continuamente? ¿Cómo incrustaría una cláusula en mi elemento?

Por ejemplo: ¿SÓLO mostrar cuando 1 selección?

 {finalSelection && ( <MessageContainer> <Typography> You have selected {searchResults} </Typography> </MessageContainer> )}