grantmontgomery / grantcreates-react

Second iteration of personal site using React
0 stars 0 forks source link

Rendering to DOM #2

Open mr-wellick opened 4 years ago

mr-wellick commented 4 years ago

Here's the file where you'll render to the DOM: https://github.com/grantmontgomery/grantcreates-react/blob/develop/grantcreates-react/my-app/src/index.js

This is what you currently have:

import React from 'react'
import ReactDOM from 'react-dom'
import NavBar from "./components/navbar"
import "./index.css"

ReactDOM.render(<NavBar />, document.getElementById('root'))

This is where you'll render to the DOM (after making the suggested changes in issue #1 ):

import React, { Component } from 'react'
import ReactDOM from 'react-dom'
import { Header } from "./components";
import { NavBar } from "./components";
import "./index.css"

class App extends Component {
     render() {
          // Here's where you'll bring all of your components together
          return(
               <div>
                    <NavBar />
                    <Header />
               </div>
          );
     }
}

ReactDOM.render(<App />, document.getElementById('root'))