如何清除Redux store中的输入值？

const clearInput = () => {
  return {
    type: 'CLEAR_INPUT'
  };
};

const initialState = {
  input: ''
};

const reducer = (state = initialState, action) => {
  switch (action.type) {
    case 'CLEAR_INPUT':
      return {
        ...state,
        input: ''
      };
    default:
      return state;
  }
};

import { connect } from 'react-redux';
import { clearInput } from './actions';

const MyComponent = ({ input, clearInput }) => {
  return (
    <div>
      <input type="text" value={input} />
      <button onClick={clearInput}>Clear Input</button>
    </div>
  );
};

const mapStateToProps = state => {
  return {
    input: state.input
  };
};

const mapDispatchToProps = {
  clearInput
};

export default connect(mapStateToProps, mapDispatchToProps)(MyComponent);