В React Hook useEffect отсутствует зависимость
У меня возникла эта проблема для создания моего приложения. Кто-нибудь знает, что не так?
React Hook useEffect has a missing dependency: 'conectar'. Either include it or remove the dependency array react-hooks/exhaustive-deps
const GraficoEquivalenteNovo = props => {
const [equivalenteNovos, setEquivalenteNovos] = useState([]);
const [data, setData] = useState([]);
async function conectar() {
const resposta = await ConexaoGraficoEquivalenteNovo(props);
setEquivalenteNovos(resposta[0]);
setData(resposta[1]);
}
useEffect(() => {
conectar();
}, [props]);
return (....)
};
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Ваш хук зависит от функции connectar, которая объявлена вне хука, но является внутренней для процесса рендеринга. Он переизготавливается при каждом рендере. Таким образом, React рассматривает это как изменчивую зависимость. У вас может быть функция вне вашего компонента, но, поскольку сама функция использует хуки состояния и зависит от реквизита, переместите ее в хук эффекта.
useEffect(() => {
async function conectar() {
const resposta = await ConexaoGraficoEquivalenteNovo(props);
setEquivalenteNovos(resposta[0]);
setData(resposta[1]);
}
conectar();
}, [props]);
Да, я собираюсь удалить его.
у вас отсутствует зависимость, такая как setEquivalenteNovos, setData и ConexaoGraficoEquivalenteNovo
Хуки состояния @Vencovsky не считаются зависимостями. ConexaoGraficoEquivalenteNovo импортируется из-за пределов функционального компонента, поэтому это не зависимость. Это должно быть какая-то другая проблема.
Может быть, ConexaoGraficoEquivalenteNovo не является зависимостью, но два других
Это хуки состояния, созданные React, так что все в порядке. Это ваш код, у вас возникла эта проблема?
Отлично сработали, танки!
Первый сценарий был бы бессмысленным занятием, учитывая, что
conectarсоздается при каждом рендере.