با کمک useEffect می توانیم موقع رندر شدن کامپوننت کدمان را اجرا کنیم. باید شرطی برای useEffect نگذاریم تا هر بار با بالا آمدن کامپوننت کد ما هم اجرا شود (برای آشنایی با useEffect این لینک را ببینید)

import React, { useEffect } from 'react';

function MyComponent() {
  useEffect(() => {
    // This code will run after the component is first rendered
    console.log('Component mounted');
  }, []);

  return (
    <div>
      <h1>Hello, world!</h1>
    </div>
  );
}