ASP.NET Core 3 and React

Adding elements to the Header component

We're going to work on the Header component a little more so that it eventually looks as follows:

So, the Header component will contain the app name, which will be Q & A, a search input, and a Sign In link.

With the app still running, carry out the following steps to modify the Header component:

1. Add the app name inside an anchor tag inside the div tag by replacing the word header, which was previously used inside the div:

export const Header = () => (  <div>    <a href="./">Q & A</a>  </div>);

Notice that the implicit return statement containing the JSX is now in parentheses.

When an implicit return statement ...