mirror of
https://github.com/reduxjs/redux-devtools.git
synced 2025-02-07 23:20:46 +03:00
33 lines
821 B
JavaScript
33 lines
821 B
JavaScript
|
import React, { Component } from 'react';
|
||
|
import PropTypes from 'prop-types';
|
||
|
|
||
|
class Counter extends Component {
|
||
|
render() {
|
||
|
const {
|
||
|
increment,
|
||
|
autoIncrement,
|
||
|
incrementAsync,
|
||
|
decrement,
|
||
|
counter,
|
||
|
} = this.props;
|
||
|
return (
|
||
|
<p>
|
||
|
Clicked: {counter} times <button onClick={increment}>+</button>{' '}
|
||
|
<button onClick={decrement}>-</button>{' '}
|
||
|
<button onClick={incrementAsync}>Increment async</button>{' '}
|
||
|
<button onClick={autoIncrement}>Auto increment</button>
|
||
|
</p>
|
||
|
);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
Counter.propTypes = {
|
||
|
increment: PropTypes.func.isRequired,
|
||
|
autoIncrement: PropTypes.func.isRequired,
|
||
|
incrementAsync: PropTypes.func.isRequired,
|
||
|
decrement: PropTypes.func.isRequired,
|
||
|
counter: PropTypes.number.isRequired,
|
||
|
};
|
||
|
|
||
|
export default Counter;
|