The following sample code shows how to create a stateful component using EcmaScript2016 syntax.
App.jsx
import React from ‘react’;
class App extends React.Component {
constructor(props) {
super(props);
this.state = {
header: “Header from state…”,
content: “Content from state…”
}
}
render() {
return (
<div>
<h1>{this.state.header}</h1>
<h2>{this.state.content}</h2>
</div>
);
}
}
export default App;
main.js
import React from ‘react’;
import ReactDOM from ‘react-dom’;
import App from ‘./App.jsx’;
ReactDOM.render(<App />, document.getElementById(‘app’));
