如何显示保存在状态中的图像？

// 定义状态对象的初始状态
const initialState = {
  imageData: null
};

// 定义一个Redux的reducer函数，用于处理状态更新
function imageReducer(state = initialState, action) {
  switch (action.type) {
    case 'SET_IMAGE_DATA':
      return {
        ...state,
        imageData: action.payload
      };
    default:
      return state;
  }
}

// 创建Redux store
const store = Redux.createStore(imageReducer);

// 定义一个React组件，用于显示保存在状态中的图像
function ImageDisplay() {
  // 从Redux store中获取图像数据
  const imageData = Redux.useSelector(state => state.imageData);

  return (
    <div>
      {imageData && <img src={imageData} alt="Saved Image" />}
    </div>
  );
}

// 在应用中使用<Provider>组件将Redux store传递给组件树
ReactDOM.render(
  <ReactRedux.Provider store={store}>
    <ImageDisplay />
  </ReactRedux.Provider>,
  document.getElementById('root')
);