Level 2 questions has been added

09_Day_Conditional_Rendering/09_conditional_rendering.md

@@ -359,6 +359,17 @@ class Header extends React.Component {
   }
 }
 
+const Login = () => (
+  <div>
+    <h3>Please Login</h3>
+  </div>
+)
+const Welcome = (props) => (
+  <div>
+    <h1>Welcome to 30 Days Of React</h1>
+  </div>
+)
+
 class App extends React.Component {
   state = {
     loggedIn: false,
@@ -381,17 +392,6 @@ class App extends React.Component {
       date: 'Oct 9, 2020',
     }
 
-    const Login = () => (
-      <div>
-        <h3>Please Login</h3>
-      </div>
-    )
-    const Welcome = (props) => (
-      <div>
-        <h1>Welcome to 30 Days Of React</h1>
-      </div>
-    )
-
     const status = this.state.loggedIn ? <Welcome /> : <Login />
 
     return (

09_Day_Conditional_Rendering/09_conditional_rendering_boilerplate/src/index.js

@@ -5,7 +5,6 @@ import ReactDOM from 'react-dom'
 // class based component
 class Header extends React.Component {
   render() {
-    console.log(this.props.data)
     const {
       welcome,
       title,
@@ -15,7 +14,7 @@ class Header extends React.Component {
     } = this.props.data
 
     return (
-      <header style={this.props.styles}>
+      <header>
         <div className='header-wrapper'>
           <h1>{welcome}</h1>
           <h2>{title}</h2>
@@ -208,7 +207,6 @@ class App extends React.Component {
 
     return (
       <div className='app'>
-        {this.state.backgroundColor}
         <Header data={data} />
 
         <Main