React redux无法将post数据从react组件发送到mapStateToProps

// React组件
import React from 'react';
import { connect } from 'react-redux';
import { sendData } from './actions'; // 导入发送数据的动作

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      postData: '' // 组件内部的数据
    };
  }

  handleChange = (event) => {
    this.setState({ postData: event.target.value });
  }

  handleSubmit = () => {
    const { postData } = this.state;
    this.props.sendData(postData); // 调用发送数据的动作
  }

  render() {
    return (
      <div>
        <input type="text" value={this.state.postData} onChange={this.handleChange} />
        <button onClick={this.handleSubmit}>发送数据</button>
      </div>
    );
  }
}

// 连接React组件和Redux存储
const mapDispatchToProps = (dispatch) => {
  return {
    sendData: (data) => dispatch(sendData(data)) // 将发送数据的动作映射到组件的属性上
  };
};

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

// actions.js
export const sendData = (data) => {
  return {
    type: 'SEND_DATA',
    payload: data
  };
};

// reducers.js
const initialState = {
  postData: ''
};

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

export default reducer;