Для работы приложения необходимо записать в переменную prop данные полученные с сервера, данные приходят верные, setProp(data) не меняет значение prop.
import React, { useState, useEffect } from 'react'
function BasketRender() {
let [prop, setProp] = useState([])
let [cookie, setCookie] = useState(getCookie())
let [item, setItem] = useState(items(prop))
useEffect(() => {
fetchData()
},[cookie])
function fetchData() {
let arrayCookie = getCookie()
let stringCookie =''
for (let i = 0; i < arrayCookie.length -1; i++) {
arrayCookie[i] += 'forsplit'
}
stringCookie = arrayCookie.join('')
fetch('ajax.php', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
"Access-Control-Allow-Origin" : "*",
"Access-Control-Allow-Credentials" : true
},
body: stringCookie
})
.then(str => str.text())
.then(str => str.slice(0,-8))
.then(string => string.split('forsplit'))
.then(function(res){
let newArray=[];
for(let i = 0; i < res.length; i++) {
newArray[i] = JSON.parse(res[i]);
}
return newArray;
})
.then(data => {
setProp(data)
setItem(()=>items(prop))
console.log(prop)
})
}
}
следующий код не помогает:
function setter(data){
setProp(data)
}
....
.then(data=>setter(data))
следующий код приводит к зацикливанию запроса, при этом prop устанавливается, но почему не устанавливается с первого запроса?
useEffect(() => {
fetchData1()
},[prop])