Learning Redux

Creating undo/redo buttons

Next, we need to create some buttons so that the user can trigger undo/redo actions in the application:

1. Edit src/components/Counter.jsx and pull the undo and redo action creators from the properties:

const Counter = ({ count, increment, decrement, reset, undo, redo }) =>

2. Then, create two new buttons after the reset button--one for undo, and one for redo:

  <span>    <b>Counter:</b> {count}    {' '}    <button onClick={increment}>+</button>    {' '}    <button onClick={decrement}>-</button>    {' '}    <button onClick={reset}>reset</button>    {' '}    <button onClick={undo}>undo</button>    {' '}    <button onClick={redo}>redo</button>  </span>

3. We need to inject those two action creators as properties using connect and mapDispatchToProps. Edit ...