如何将视图上的道具传递给redux连接的react组件？

// 引入必要的库
import React from 'react';
import { createStore } from 'redux';
import { Provider, connect } from 'react-redux';

// 创建reducer函数
const reducer = (state = {}, action) => {
  switch (action.type) {
    // 处理状态的更新
    default:
      return state;
  }
};

// 创建store
const store = createStore(reducer);

// 创建action
const updateProp = (prop) => ({
  type: 'UPDATE_PROP',
  payload: prop,
});

// 创建React组件
class MyComponent extends React.Component {
  render() {
    return (
      <div>
        <h1>{this.props.prop}</h1>
        <button onClick={() => this.props.updateProp('New Prop')}>Update Prop</button>
      </div>
    );
  }
}

// 将Redux状态映射到组件的道具上
const mapStateToProps = (state) => ({
  prop: state.prop,
});

// 将action创建函数映射到组件的道具上
const mapDispatchToProps = {
  updateProp,
};

// 连接组件到Redux的store
const ConnectedComponent = connect(mapStateToProps, mapDispatchToProps)(MyComponent);

// 渲染根组件
const App = () => (
  <Provider store={store}>
    <ConnectedComponent />
  </Provider>
);

export default App;