Missions Page

React Router > Missions Page

Now we're going to work on the Missions page.

This page will display all of our "missions" or things we want to achieve in life.

Let's start by styling an h1 tag with styled-components. We'll then add a button next to it to allow the user to add a new mission.

Note: You will have to click on the Missions link in the NavBar to see the missions page.

Lesson 7/26

import styled from "styled-components";

const MissionsHeader = styled.h1``;

function Missions() {
  return (
    <>
      <MissionsHeader> Missions </MissionsHeader>
    </>
  );
}

export default Missions;

Open Sandbox