Как отрендерить React компонент по условию?

У компонента есть метод useEffect в котором кидается запрос на бэк, с бека прилетают три массива в виде:
{
  done: [],
  deleted: [],
  todo: []
}

Кидаю их в стейт, стейт меняется соответственно меняется значение allTasksDone на false в строке:
if (!allTasksDone) return <>загрузка</>
и должны отрендерится мои айтемы далее, но этого не происходит

export const TodoList = ({ update }: TodoListProps) => {
    const [data, setData] = useState<any>()
    const allTasksDone = data?.allTasks?.todo

    useEffect(() => {
        const requestBackend = new fetchBackend({ token: localStorage.getItem('token') })

        requestBackend.get('/client/getAlltasks').then((response) => response.json()).then((response) => {
            setData(response)
        })
    }, [update])

    if (!allTasksDone) return <>загрузка</>

    return (
        allTasksDone.map((task: any) => {
            return <TodoItem taskName={task} done={false} />
        })
    )
}
  • Вопрос задан
  • 104 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
21 янв. 2022, в 12:03
1000 руб./в час
21 янв. 2022, в 11:18
1000 руб./за проект
21 янв. 2022, в 11:17
30000 руб./за проект