javascript - React Context - 设置状态然后直接引用它？

Question

我正在处理一个项目列表，我想设置一个选定的项目 ID，然后使用该 ID 获取选定的项目。

我正在使用有效的 reducer 更新上下文的状态，但是当引用状态的属性时，它看不到更新的值。

Component.js

  useEffect(() => {
    setSelectedId(5);
    getSelectedItem();
  }, []);

Context.js

  const initialState = {
    selectedId: 0,
  };

  const [state, dispatch] = useReducer(ItemReducer, initialState);

  const setSelectedId = id => dispatch({ type: SET_SELECTED_ID, payload: id });

  // HERE IT THINKS 'state.selectedId' IS 0
  const getSelectedItem = async () => {
     const selectedItem = await fetch(url + state.selectedId);
  };

Chrome 开发工具显示 selected id 属性已更新为 5，但 getSelectedItem 函数将“selectedId”视为 0 而不是 5。

这可能是一个简单的问题，我们将不胜感激。

谢谢

Answer 1

您需要解决将返回的 promise 。像这样的东西:

useEffect(() => {
    setSelected(5).then(getSelectedItem());

  }, []);