не удалось отобразить экран ожидания в reactjs - PullRequest
Новая
       1

не удалось отобразить экран ожидания в reactjs

0 голосов
/ 20 апреля 2020 
function Events(){
const [items, setItems] = useState([])
const fetchItems = async () =>{
    const data = await fetch('https://jsonplaceholder.cypress.io/todos/')
    const items = await data.json();
    return items         
}

useEffect(() =>{ 
    fetchItems().then((items) =>{
        setItems(items)});
},[]
);
if (items ===null) {
    return <h2>Loading posts...</h2>;
  }

return (
    <div>
        {items.map(item=>           
        <h1 key = {item.id}>
            <Link to={`/Events/${item.id}`}>{item.title} </Link>
        </h1>          
        )}
    </div>
);

В данном коде оператор If не выполняется при извлечении из API. Я новичок, чтобы реагировать, и JavaScript, пожалуйста, помогите мне узнать мою ошибку

1 Ответ

0 голосов
/ 20 апреля 2020

Вы можете сделать это просто: 

return (
    <div>
        {items ? items.map(item=>           
        <h1 key = {item.id}>
            <Link to={`/Events/${item.id}`}>{item.title} </Link>
        </h1>          
        ) : <h2>Loading Posts...</h2>}
    </div>
);
...