please work
parent
f1fab3892d
commit
cc8d04154e
44
src/App.js
44
src/App.js
|
@ -1,10 +1,36 @@
|
||||||
import logo from './logo.svg';
|
import React, { Component } from 'react';
|
||||||
import './App.css';
|
|
||||||
|
class App extends Component {
|
||||||
function App() {
|
constructor(props) {
|
||||||
return (
|
super(props);
|
||||||
<h1>Hello World</h1>
|
this.state = {
|
||||||
);
|
message: "Default Content"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
updateContent = () => {
|
||||||
|
if (this.state.message == "Default Content") {
|
||||||
|
this.setState({ message: "Updated Content!"});
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
this.setState({ message: "Default Content"});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
render() {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<div className="h1 bg-secondary text-white text-center p-2">
|
||||||
|
{ this.state.message }
|
||||||
|
</div>
|
||||||
|
<div className="text-center">
|
||||||
|
<button className="btn btn-secondary" onClick={this.updateContent}>
|
||||||
|
Click Me
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
export default App;
|
export default App;
|
Loading…
Reference in New Issue