在React和Redux中的下一个操作中使用以前调度的操作的值

npm install redux-thunk

import { createStore, applyMiddleware } from 'redux';
import thunk from 'redux-thunk';
import rootReducer from './reducers';

const store = createStore(rootReducer, applyMiddleware(thunk));

import { useDispatch, useSelector } from 'react-redux';
import { fetchUser, updateUser } from './actions/userActions';

const MyComponent = () => {
  const dispatch = useDispatch();
  const user = useSelector(state => state.user);

  useEffect(() => {
    dispatch(fetchUser()); // 调度获取用户数据的操作
  }, [dispatch]);

  const handleUpdateUser = () => {
    dispatch(updateUser(user)); // 使用以前调度的操作的值来更新用户数据
  };

  return (
    <div>
      <h1>{user.name}</h1>
      <button onClick={handleUpdateUser}>Update User</button>
    </div>
  );
};