如何在react-redux中显示state的值

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

// 定义reducer函数
const reducer = (state = { value: '' }, action) => {
  switch (action.type) {
    case 'UPDATE_VALUE':
      return { ...state, value: action.payload };
    default:
      return state;
  }
};

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

// 定义React组件
const MyComponent = ({ value }) => {
  return <div>{value}</div>;
};

// 将state映射到组件的props上
const mapStateToProps = (state) => {
  return {
    value: state.value
  };
};

// 将dispatch映射到组件的props上
const mapDispatchToProps = (dispatch) => {
  return {};
};

// 使用connect函数连接组件和Redux store
const ConnectedComponent = connect(mapStateToProps, mapDispatchToProps)(MyComponent);

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

export default App;