У компонента есть метод 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} />
})
)
}
