如何使用react redux和模式表单刷新表中的数据？

import { createStore } from 'redux';
import rootReducer from './reducers';

const store = createStore(rootReducer);

const initialState = {
  data: []
};

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

export default rootReducer;

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

import React, { useEffect } from 'react';
import { connect } from 'react-redux';
import { updateData } from './actions';

const TableComponent = (props) => {
  useEffect(() => {
    // 模拟异步请求数据
    fetchData().then((data) => {
      props.updateData(data);
    });
  }, []);

  const fetchData = async () => {
    // 进行异步请求数据的操作，例如使用fetch或axios
    const response = await fetch('https://api.example.com/data');
    const data = await response.json();
    return data;
  };

  return (
    <table>
      <tbody>
        {props.data.map((item) => (
          <tr key={item.id}>
            <td>{item.name}</td>
            <td>{item.value}</td>
          </tr>
        ))}
      </tbody>
    </table>
  );
};

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

export default connect(mapStateToProps, { updateData })(TableComponent);