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