ASP.NET Core 3 and React

Using useEffect to execute logic

So, how do we execute logic when a function-based component is rendered? Well, we can use a useEffect hook in React, which is what we are going to do in the following steps:

1. Let's add an import statement to import the useEffect function from React into HomePage.tsx:

import { useEffect } from 'react';

2. We need to change HomePage so that it has an explicit return statement since we want to write some JavaScript logic in the component, as well as return JSX:

export const HomePage = () => {  return (    <Page>      ...    </Page>  );};

3. Now, we can call the useEffect hook before we return the JSX:

export const HomePage = () => {  useEffect(() => { console.log('first rendered'); }, []);  return (    ...  );};

The useEffect