Building Web Applications with React and ASP.NET Core/

...

/

Solution: Creating a New Footer in Our Web Page

Solution: Creating a New Footer in Our Web Page

Let's explore the solution of creating a new footer using children and function props.

We'll cover the following...

We need to use children and function properties to add a footer to the “Ask a question” web page.

Solution

The code widget below shows the complete solution to the exercise where a footer component was added to our web page project.

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px">
  <path d="M5 5a5 5 0 0 1 10 0v2A5 5 0 0 1 5 7V5zM0 16.68A19.9 19.9 0 0 1 10 14c3.64 0 7.06.97 10 2.68V20H0v-3.32z"/>
</svg>
Implementing Children and Function props in our app

Explanation

The following steps explain how we added the footer component to our app webpage:

Footer.tsx:

Line 1: ...