cerebral5.js

const ADD_ITEM = 'ADD_ITEM'
function addItem (item) {
 return {type: ADD_ITEM, payload: item}
}
function Items ({items, onClick}) {
  return (
    <div>
      <ul>
        {items.map((item) => <li>{item}</li>)}
      </ul>
      <button onClick={() => onClick('foo')}>
        Add foo
      </button>
    </div>
  )  
}
connect(
  (state) => {
    return {
      items: state.items
    }
  },
  (dispatch) => {
    return {
      onClick: (item) => {
        dispatch(addItem(item))
      }
    }
  }
)(Items)