ongoing course

02/src/App.js

@@ -99,31 +99,40 @@ class App extends React.Component {
   }
 
   render() {
-      return (
-        <div className="App">
-          <h1>Hi, I'm a React App, I'm cute.</h1>
-          <p>Created using OOP code</p>
-          <button onClick={() => this.switchNameHandler()}>Switch Char</button>
-          <Person
-            name={this.state.character[0].name}
-            ilvl={this.state.character[0].ilvl}
-          />
-          <Person
-            name={this.state.character[1].name}
-            ilvl={this.state.character[1].ilvl}
-            click={this.switchNameHandler.bind(this, 'Schwarzgeist')}
-            changed={this.nameChangedHandler}
-          />
-          <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>
-      );
+    const style = {
+      backgroundColor: 'white',
+      font: 'inherit',
+      border: '1px solid blue',
+      padding: '8px'
+    };
+
+    return (
+      <div className="App">
+        <h1>Hi, I'm a React App, I'm cute.</h1>
+        <p>Created using OOP code</p>
+        <button 
+          style={style}
+          onClick={() => this.switchNameHandler()}>Switch Char</button>
+        <Person
+          name={this.state.character[0].name}
+          ilvl={this.state.character[0].ilvl}
+        />
+        <Person
+          name={this.state.character[1].name}
+          ilvl={this.state.character[1].ilvl}
+          click={this.switchNameHandler.bind(this, 'Schwarzgeist')}
+          changed={this.nameChangedHandler}
+        />
+        <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!!!`));
   }
 }