React + Redux 如何正确发送按钮单击操作

我正在学习 react 和 redux。任务是这样的：当您单击某个按钮时，下载少量数据或大量数据。在谷歌搜索和阅读之后，我想出了这个代码：

行动：

export const fetchSmallData = () => {
  return {
    type: 'FETCH_SMALL_DATA',
    payload: axios.get(`URL1`)
      .then(response => {
        console.log("Экшн срабатывает, я появляюсь в консоли :)")
        return response.data;
      })
   }
}

export const fetchBigData = () => {
  // то же самое, только URL другой.
}

减速器：

export default function reducer(state=initialState, action) {
  console.log("Редюсер не срабатывает. И я в консоли не появляюсь, а очень хочется :(");
  switch(action.type) {
    case "FETCH_SMALL_DATA":
      return {...state, fetching: true}
    case "FETCH_SMALL_DATA_REJECTED": {
      return {...state, fetching: false, error: action.payload}
    }
    case "FETCH_SMALL_DATA_FULFILLED": {
      return {
        ...state, fetching: false, fetched: true, data: action.payload
      }
    }
    // такая же обработка кейсов для "FETCH_BIG_DATA", "FETCH_BIG_DATA_REJECTED" и "FETCH_BIG_DATA_FULFILLED"
  }
  return state;
}

零件：

class ChoiceButtons extends React.Component {
  render() {
    return (
      <div className="btn">
        <p>Загрузить:</p>
        <button onClick={() => this.props.dispatch(fetchSmallData)}>Немного данных</button>
        <button onClick={() => this.props.dispatch(fetchBigData)}>Много данных</button>
      </div>
    );    
  }
}

export default connect()(ChoiceButtons)

问题：当你点击按钮时：动作被触发，请求被发送，但由于某种原因，reducer 不存在并且接收到的数据没有保存在 store 中。如果以相同的方式分派相同的操作，例如，在 ComponentDidMount 中，那么一切都很好 - 存储已更新。