Я использую Create-React-App и (отлично) https://github.com/alex-cory/use-http для настраиваемого хука useFetch. Цель состоит в том, чтобы сделать несколько вызовов API при входе в область учетной записи:
const [user, setUser] = useState(null)
const [profile, setProfile] = useState(null)
const [posts, setPosts] = useState(null)
const request = useFetch('/')
const initializeAccount = async () => {
try {
const user = await request.get('api/user/')
const profile = await request.get('api/profile/')
const posts = await request.get('api/posts/')
if (user) {
setUser(user.data)
}
if (profile) {
setProfile(profile.data)
}
if (posts) {
setPosts(posts.data)
}
} catch (e) {
console.log('could not initialize account')
}
}
useEffect(() => {
initializeAccount()
return () => console.log('unmount')
})
Я пробовал использовать []
в качестве массива зависимостей, но получаю сообщение об ошибке линтинга, в котором говорится, что нужно переместить initializeAccount
в массив зависимостей. Если я его добавлю, функция будет работать бесконечно.
Как правильно настроить массив зависимостей, чтобы эта функция вызывалась один раз? Кроме того, как правильно обрабатывать прерывание каждого из вызовов API в этом сценарии?
const initializeAccount = useCallback(async () => {,,,},[request]);
И передатьinitializeAccount
в useEffect. - person HMR   schedule 23.09.2019