Learn React with TypeScript 3

Adding a Contact Us page

Before we start work on our form, we need a page to host the form in. The page will be a container component, and our form will be a presentational component. We also need to create a navigation option that takes us to our new page.

We'll write the following codes before starting to implement our form:

1. If you haven't already, open the React shop project in Visual Studio Code. Create a new file called ContactUsPage.tsx in the src folder, containing the following code:

import * as React from "react";class ContactUsPage extends React.Component {  public render() {    return (      <div className="page-container">        <h1>Contact Us</h1>        <p>         If you enter your details we'll get back to you as soon as           we can.        </p>      </div>    );  }}export ...