working with inline style

Author: robmelfi

src/App.js

@@ -35,10 +35,21 @@ class App extends Component {
     };
 
     render() {
+
+        const style = {
+            backgroundColor: 'white',
+            font: 'inherit',
+            border: '1px solid blue',
+            padding: '8px',
+            cursor: 'pointer'
+        };
+
         return (
             <div className="App">
                 <h1>Hi, I'am React App</h1>
-                <button onClick={() => this.switchNameHandler('Bobby')}>Switch name</button>
+                <button
+                    style={style}
+                    onClick={() => this.switchNameHandler('Bobby')}>Switch name</button>
                 <Person
                     name={this.state.persons[0].name}
                     age={this.state.persons[0].age} />