Size: a a a

React: русскоязычное сообщество

2020 October 16

A

Aleksandr in React: русскоязычное сообщество
Не мутируй массив
источник

M

Myroslav 🍎 in React: русскоязычное сообщество
как ?
источник

A

Aleksandr in React: русскоязычное сообщество
как ты в массив данные помещаешь?
источник

M

Myroslav 🍎 in React: русскоязычное сообщество
const [notes, setNotes] = React.useState([]);
useEffect(() => {
   // GET request using axios inside useEffect React hook
   axios

     .get(
       `https://elepsio.herokuapp.com/admin/users/${id}?offset=0&count=100&query=34&orderBy=asc`
     )
     .then(result => setNotes(result.data));
 }, []);
источник

A

Aleksandr in React: русскоязычное сообщество
так, а что ты достигнуть хочешь?
источник

A

Aleksandr in React: русскоязычное сообщество
я походу тебя не правильно понял
источник

M

Myroslav 🍎 in React: русскоязычное сообщество
Нужно вывести <h1>Заметок нету<h2> если заметок в массиве нету
источник

A

Aleksandr in React: русскоязычное сообщество
if(notes.length === 0) return (<h1>Заметок нету</h`>)
источник

M

Myroslav 🍎 in React: русскоязычное сообщество
я это сделал,но появился баг,сначала у меня пустой массив и срабатывает условие на вывод заголовка ,а потом массив заполняется
источник

M

Myroslav 🍎 in React: русскоязычное сообщество
и выводит компоненты заметок
источник

M

Myroslav 🍎 in React: русскоязычное сообщество
проверка быстрей срабатывает чем данные приходят в массив
источник

A

Aleksandr in React: русскоязычное сообщество
Два варианта, первый это получать данные до рендера компонента, второй вариант это пока запрос не прошел, не рендерить компонент
источник

M

Myroslav 🍎 in React: русскоязычное сообщество
источник

A

Aleksandr in React: русскоязычное сообщество
я понял что ты хочешь
источник

A

Aleksandr in React: русскоязычное сообщество
Второй вариант проще будет, добавляешь флаг, по типу isLoading, когда загрузка завершилась, переводишь его в true
источник

A

Aleksandr in React: русскоязычное сообщество
в компоненте делаешь проверку if(!isLoading) return null
источник

M

Myroslav 🍎 in React: русскоязычное сообщество
Ну ок тип я делаю стейт на загружен или нет ,если загружен то я рендрю компонент заметок
источник

M

Myroslav 🍎 in React: русскоязычное сообщество
и тогда получается баг пропадет ?
источник

A

Aleksandr in React: русскоязычное сообщество
получается
источник

M

Myroslav 🍎 in React: русскоязычное сообщество
по факту он останеться потому что массив так же будет заполняться
источник