React Boilerplate无法修复点击事件

Question

我正在尝试在React Boilerplate中实现一种功能

1：https://github.com/react-boilerplate/react-boilerplate我已经下载了代码并运行以下命令：

npm run setup

它生成了默认的主页和功能页面，然后运行以下命令：

npm run generate

并生成主容器，并添加了指向标头组件的链接。我正在尝试调度一键式操作，但是它不起作用。看看我使用的代码：Link to Action and Reducer

我已在index.js中添加此代码：

<button onSubmit={onChangeUsername}>Click me</button>

并使用以下命令进行分发：

function mapDispatchToProps(dispatch) {
  return {
    onChangeUsername: evt => dispatch(changeUsername(evt.target.value)),
  };

我不知道为什么它不起作用，我需要将其添加到全局reducer中。这个反应样板很好，但是我无法解决这个难题。