You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
32 lines
744 B
32 lines
744 B
import React, { Component } from 'react';
|
|
|
|
export class Counter extends Component {
|
|
static displayName = Counter.name;
|
|
|
|
constructor(props) {
|
|
super(props);
|
|
this.state = { currentCount: 0 };
|
|
this.incrementCounter = this.incrementCounter.bind(this);
|
|
}
|
|
|
|
incrementCounter() {
|
|
this.setState({
|
|
currentCount: this.state.currentCount + 1
|
|
});
|
|
}
|
|
|
|
render() {
|
|
return (
|
|
<div>
|
|
<h1>Counter</h1>
|
|
|
|
<p>This is a simple example of a React component.</p>
|
|
|
|
<p aria-live="polite">Current count: <strong>{this.state.currentCount}</strong></p>
|
|
|
|
<button className="btn btn-primary" onClick={this.incrementCounter}>Increment</button>
|
|
</div>
|
|
);
|
|
}
|
|
}
|