useEffect 保持永恒循环

Question

I was receiving this warning due to a missing denpendecy on useEffect:

 useEffect(() => { handleRadioGroup(value) }, [value])

React Hook useEffect has a missing dependency: 'handleRadioGroup'. Either include it or remove the dependency array react-hooks/exhaustive-deps

So I tried to use a useCallback, to only run the useEffect when this handleRadioGroup function changes.

 const handleRadioSelection = useCallback((value) => { handleRadioGroup(value) }, [handleRadioGroup]) useEffect(() => { handleRadioSelection(value) }, [value, handleRadioSelection])

The problem is that, useEffect runs on enternal loop. If I print the useCallback function, it shows the same result every time. There is a way to remove this warning, without entering the eternal loop?

Answer 1

These infinite calls tend to happen because the value of the variable in your dependency array, in your case value or handleRadioSelection , changes within the hook. If this is your case then you'd have to rethink your logic to make sure the values don't change inside of it.