Run function after component load?

Question

I want to call a vanillaJS function after the component render so it can run the code but it always run before the component loads and gives me errors that it cannot find the specific documents

for example how to run this code after the component fully rendered ?

function runningAfter() { console.log("called after page loads")}

I searched and found that there is componentDidmount but i am using the latest react version and i cannot find this method

Check about useEffect https://reactjs.org/docs/hooks-effect.html — Evren, Jun 05 '22 at 19:52
`componentDidMount` will still work just fine in React if you're using a class component — CertainPerformance, Jun 05 '22 at 19:53

score 0 · Answer 1 · answered Jun 05 '22 at 19:52

0

If you're using a function component, you'll need useLayoutEffect with an empty dependency list:

function MyComponent() {
  useLayoutEffect(() => {
    console.log("called after component rendered")
  }, []);
  return <div>Hello!</div>;
}

answered Jun 05 '22 at 19:52

AKX

152,115
15
115
172

Run function after component load?

1 Answers1