Task 2: Create the Banner Component

Create Banner.jsx

  1. Create a new file named Banner.jsx inside the components directory.

  2. Inside this file, create a function called Banner.

    1. This function should return a <header> tag that says: “Orbit Report”.

    2. Below the <header> create a <p> tag with instructions for users.

      Here is an example message:

      Click on the buttons to see the satellites in that orbit type
  3. Make sure that you are exporting this function.

  4. Open App.jsx

    1. Import the new Banner component you created.
    2. Nest the Banner component inside the App() function.
    10
    11
    12
    13
    14
    15
    16
    17
    18
    
    function App() {
       return (
          <div>
             <Banner />
             <Buttons />
             <Table />
          </div>
       );
    }
  5. Check to see if your Banner renders.

Next