<div id="root"></div>
class Counter extends React.Component {
constructor(props) {
super(props);
this.state = {
value: 0
};
}
increment() {
this.setState((prevState) => ({
value: prevState.value + 1
}));
}
render() {
return (
<>
<p>Value: {this.state.value}</p>
<button onClick={() => this.increment()}>+1</button>
</>
);
}
}
ReactDOM.render(<Counter />, document.getElementById("root"));
View Compiled
This Pen doesn't use any external CSS resources.