ongoing course

02/src/App.js

@@ -99,31 +99,40 @@ class App extends React.Component {
   }
 
   render() {
-      return (
+    const style = {
-        <div className="App">
+      backgroundColor: 'white',
-          <h1>Hi, I'm a React App, I'm cute.</h1>
+      font: 'inherit',
-          <p>Created using OOP code</p>
+      border: '1px solid blue',
-          <button onClick={() => this.switchNameHandler()}>Switch Char</button>
+      padding: '8px'
-          <Person
+    };
-            name={this.state.character[0].name}
+
-            ilvl={this.state.character[0].ilvl}
+    return (
-          />
+      <div className="App">
-          <Person
+        <h1>Hi, I'm a React App, I'm cute.</h1>
-            name={this.state.character[1].name}
+        <p>Created using OOP code</p>
-            ilvl={this.state.character[1].ilvl}
+        <button 
-            click={this.switchNameHandler.bind(this, 'Schwarzgeist')}
+          style={style}
-            changed={this.nameChangedHandler}
+          onClick={() => this.switchNameHandler()}>Switch Char</button>
-          />
+        <Person
-          <Person
+          name={this.state.character[0].name}
-            name={this.state.character[2].name}
+          ilvl={this.state.character[0].ilvl}
-            ilvl={this.state.character[2].ilvl}
+        />
-          />
+        <Person
-          {/* <br />
+          name={this.state.character[1].name}
-          <Person name="Yutsuo" ilvl="320">Main Character</Person>
+          ilvl={this.state.character[1].ilvl}
-          <Person name="Schwarzgeist" ilvl="200" />
+          click={this.switchNameHandler.bind(this, 'Schwarzgeist')}
-          <Person name="Murom" ilvl="78" /> */}
+          changed={this.nameChangedHandler}
-        </div>
+        />
-      );
+        <Person
+          name={this.state.character[2].name}
+          ilvl={this.state.character[2].ilvl}
+        />
+        {/* <br />
+        <Person name="Yutsuo" ilvl="320">Main Character</Person>
+        <Person name="Schwarzgeist" ilvl="200" />
+        <Person name="Murom" ilvl="78" /> */}
+      </div>
+    );
     // return React.createElement('div', {className: 'App'}, React.createElement('h1', null, `Oh Hay I'm a React App!!!`));
   }
 }