40 lines
986 B
JavaScript
40 lines
986 B
JavaScript
import React from 'react'
|
|
import PropTypes from 'prop-types'
|
|
import { kea } from 'kea'
|
|
|
|
@kea({
|
|
path: () => ['kea'],
|
|
actions: () => ({
|
|
increment: amount => ({ amount }),
|
|
decrement: amount => ({ amount })
|
|
}),
|
|
reducers: ({ actions }) => ({
|
|
counter: [
|
|
0,
|
|
PropTypes.number,
|
|
{
|
|
[actions.increment]: (state, payload) => state + payload.amount,
|
|
[actions.decrement]: (state, payload) => state - payload.amount
|
|
}
|
|
]
|
|
}),
|
|
selectors: ({ selectors }) => ({
|
|
doubleCounter: [
|
|
() => [selectors.counter],
|
|
counter => counter * 2,
|
|
PropTypes.number
|
|
]
|
|
})
|
|
})
|
|
|
|
export default class App extends React.Component {
|
|
render () {
|
|
return (
|
|
<div>
|
|
<p>Double Counter: {this.props.doubleCounter}</p>
|
|
<button type='button' onClick={() => this.actions.increment(1)}>Increment</button>
|
|
<button type='button' onClick={() => this.actions.decrement(1)}>Decrement</button>
|
|
</div>
|
|
)
|
|
}
|
|
}
|