В axios+react, нет отрисовки вовремя, что делать?

Question

[LI4NOOST]

const [resp, setResp] = useState([])
const [isLoading, setIsLoading]= useState(false)
const [isError, setError] = useState('')
const tasks = useSelector(state=>state.taskReducer)

useEffect(()=>{
getResponse()
}, [])

const getResponse= async ()=> {
const response = await axios.get ('localhost:3001/tasks')
console.log(response.data)
setResp(response.data)
tasks.push(...resp)
}
Всем здравствуйте. Пишу приложение ToDo на React, с использованием Redux. В приведенном ниже коде отправляю запрос с помощью axios, ответ приходит и мне нужно закинуть его в стейт resp, что бы потом запушить в store, в массив tasks и тут начинается трудность. Данные не рендарятся при открытии сервера и при обновлении, потому что стейт пустой в этот момент. И непонятно почему... Если вынести tasks.push(...resp) в глобальную область добавляются данные сразу, но начинается постоянный перерендер и добавление их снова. А нужно получить данные один раз после запуска и передать их в редакс.

Comments

[szQocks]

а чё нынче уже через useSelector в редаксе данные обновляют ? что-то я похоже деградирую

[szQocks]

да и вообще не изучай ты реакт ещё и с редаксом в придачу + к редаксу 100% надо знать ts, пока ты это всё изучаешь, реакт потеряет популярность и на ружу выплывут какие-нибудь уже готовые технологии на подобии svelte или же svelte - которые работают с абстрактным синтаксическим деревом, а не виртуальным домом

Answer 1

[M K]

По примеру кажется, что не хватает теории по рендерингу, хукам и стейт-менеджменту - почитайте теорию с примерами.

Вам нужно tasks менять через Redux, а именно через dispatch(). Если вы просто мутируется массив, это не изменит стейт, а значит не вызовет перерендер.