Прошу помощи: используя useEffect посылаю 2 запроса и полученные url(случайные фото собак) записываю в стейты randomOne и randomTwo. Потом при помощи рег.выражения извлекаю из этих url строку(породы собак) и хочу записать в стейт breed. Но в breed записываются предыдущие значения, а не новые. Я так понимаю, что это происходит из-за отложенного обновления стейтов? И как это исправить?
function App() {
const [randomOne, setRandomOne] = useState()
const [randomTwo, setRandomTwo] = useState()
const [breed, setBreed] = useState([])
const regexp = /\/+/g
useEffect(() => {
fetch('https://dog.ceo/api/breeds/image/random')
.then(data => data.json())
.then(data => {
setRandomOne(data.message)
})
fetch('https://dog.ceo/api/breeds/image/random')
.then(data => data.json())
.then(data => {
setRandomTwo(data.message)
})
setBreed([randomOne.split(regexp)[3], randomTwo.split(regexp)[3]])
}, [])
useEffect(() => {}, [randomOne, randomTwo])
, либоfetch
засуньте в.then
и там записывайте данные вrandomOne, randomTwo, breed
. Но первый вариант посолдинее будет.