如何使用POST响应更新Redux store？

// actions.js
import axios from 'axios';

export const updateData = (data) => {
  return {
    type: 'UPDATE_DATA',
    payload: data
  };
};

export const postData = (data) => {
  return (dispatch) => {
    axios.post('/api/data', data)
      .then((response) => {
        dispatch(updateData(response.data));
      })
      .catch((error) => {
        console.error(error);
      });
  };
};

// reducer.js
const initialState = {
  data: null
};

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

export default reducer;

// component.js
import React from 'react';
import { connect } from 'react-redux';
import { postData } from './actions';

class MyComponent extends React.Component {
  handleSubmit = (event) => {
    event.preventDefault();
    const data = {
      // 构造POST请求的数据
    };
    this.props.postData(data);
  };

  render() {
    return (
      <form onSubmit={this.handleSubmit}>
        {/* 表单内容 */}
        <button type="submit">提交</button>
      </form>
    );
  }
}

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

const mapDispatchToProps = {
  postData
};

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