state-from-actions

state-from-actions.js

import { withStatechart } from 'react-automata'
import alarmMachine from './alarmMachine'

class AlarmClock extends React.Component {
  state = {
    ringing: false
  }
  startRing = () => {
    this.setState({ ringing: true })
  }
  stopRing = () => {
    this.setState({ ringing: false })
  }
  render() {
    return <Clock ringing={this.state.ringing} />
  }
}

export default withStatechart(alarmMachine)(AlarmClock)