Tropezando con un problema. En reaccionar, estoy tomando datos de una API json. Todo funcionó bien hasta que intenté mostrarlo. Excepto que puedo registrarlo en la consola.

Lo que registra la consola:

 <ul role="list" className="divide-y divide-gray-200 dark:divide-gray-700"> {username !== "null" && leaderlist.length > 2 && console.log(leaderlist) && leaderlist.map((leader, index) => <li className="py-3 sm:py-4 text-white"> Log </li> )} <li className="py-3 sm:py-4 text-white"> list length {leaderlist.length} </li> </ul>

Lo que muestra:

El código que establece

 const [leaderlist, setleaderlist] = React.useState([]); fetch(`${baseurl}/allusers`) .then(res => res.json()) .then(data => {setleaderlist(data); console.log(data)}) .catch(err => console.log(err));