React Hook useEffect 缺少依赖项：'setValid'。 如何删除此警告

Question

Im new to react and have been using useEffect for the first time. Im getting warning of missing dependecy, but the app works perfectly. How can I solve the warning? Or is it okay to ignore this warning?

useEffect(() => {
   setValid(true);
}, []};

Im getting the warning: React Hook useEffect has a missing dependency: 'setValid'.

Answer 1

easy just pass setValid as the dependency

   setValid(true);
}, [setValid]};

Answer 2

As NeERAJ TK mentioned, React linter is complaining about not having setValid in the array of dependencies:

useEffect(() => {
   setValid(true);
}, [setValid]};

I assume that setValid is a setter generated by the use hook inside your component. If you will pass a function in the array of dependencies and will just call a setState inside your useEffect , you will run into an infinite loop so you will have to memoize or find a different approach.

In this case, I would suggest not using useEffect in general, and pass a default value to setState :

const [valid, setValid] = useEffect(true);