i want the useEffect to run only when the props is changed. not on initial run

Question

In the below code the useEffect changes to loaded state to true when the component is loaded

  let [loaded, setLoaded] = useState(false);
  console.log(props.result.meanings);

  useEffect(() => {
    setLoaded(true);
  }, [props.result]);

if (loaded) { \\ the rest of the code

and this will cause a problem because it enters an if condition where the props value is not assigned from the parent component yet.

u can check that using an if condition inside useEffect, if the props contain a certain value or not. — Sami Ullah, Dec 16 '21 at 06:53

score -1 · Answer 1 · answered Dec 17 '21 at 17:37

I managed to solve this issue by simply creating a condition : if (props.result) {}. This way it only is true when the props is NOT null and actually receive a value from the parent component.

I removed the useEffect entirely. it seems in that situation it was unnecessary and the problem was solvable with a simpler approach. thanks for the replies.

i want the useEffect to run only when the props is changed. not on initial run

1 Answers1