react-redux无法在输入文本更改时分派操作

const changeText = (text) => {
  return {
    type: 'CHANGE_TEXT',
    payload: text
  };
};

const initialState = {
  text: ''
};

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

import { createStore } from 'redux';

const store = createStore(reducer);

import { connect } from 'react-redux';

const MyComponent = ({ text, changeText }) => {
  const handleTextChange = (event) => {
    changeText(event.target.value);
  };

  return (
    <input type="text" value={text} onChange={handleTextChange} />
  );
};

const mapStateToProps = (state) => {
  return {
    text: state.text
  };
};

const mapDispatchToProps = (dispatch) => {
  return {
    changeText: (text) => dispatch(changeText(text))
  };
};

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