Я разрабатываю приложение, в котором мне нужно выполнять несколько вызовов API при загрузке страницы, и мне нужно изменять одно состояние компонента при каждом вызове API. Архитектура выглядит так, как показано ниже.
const [stateForm, setStateForm] = useState(.....)
useEffect(()=>{
//FIRST API CALL
setStateForm({....})
},[])
useEffect(()=>{
//SECOND API CALL
setStateForm({....})
},[])
useEffect(()=>{
//THIRD API CALL
setStateForm({....})
},[])
//SO ON.....
У меня вопрос: можно ли таким образом вызывать побочные эффекты? Будет ли изменение состояния в каждом хуке useEffect вызывать несколько повторных рендеров?