Haciendo un curso de React, y me confundí con uno de los problemas que tengo que resolver. Tengo que terminar el código después de {list && y antes de </ul> de tal manera que asigne el <li> para que muestre cada sugerencia. Me confundí con configurar la función de mapa y configurar la clave correctamente.

 import React, { useState, useEffect } from 'react'; import './Tips.css'; function Tips() { useEffect(() => { fetch('api').then((res) => { return res.json(); }).then((res) => { setList(Object.values(res)); }) }, []); const [list, setList] = useState(); return ( <div className="tips"> <ul className="tips__list"> {list && tips.map((item.tip) => return ( <li key={item.tip} className="tips__item">{item.tip}</li> ); )} </ul> </div> ); } export default Tips;