redux 状态更改时组件未更新[重复]

Question

我有一个带有选择器的反应组件，它从 firebase 数据库中获取一些状态。但是，在我的组件的useEffect 中，将此状态作为依赖项，即使 Redux 开发工具显示状态已更新，它也只会返回一个空数组。控制台还会打印空数组，但是当我展开它时，数组会更新。会发生什么？

我的组件的最小版本：

const PatientsPage = () => {
  const dispatch = useDispatch();
  const invitedPatients = useSelector((state) => state.invitations.invitedPatients);

  useEffect(() => {
    console.log("in use effect invited patients", invitedPatients);
    // console prints empty array but when I expand it
    // it is populated yet this function isn't triggered again to set the new value for rendering
  }, [invitedPatients]);

  useEffect(() => {
    // this dispatches the invitedPatients action
    dispatch(getInvitations(firebase.auth().currentUser.uid));
  }, []);

}

我不知道问题是什么。如果需要，我可以发布我的动作和减速器功能。请提供一些关于如何诊断问题的指导。谢谢

编辑： 这是行动

export const getInvitations = (doctorId) => {
  const invitationObjects = [];
  const invitedPatients = [];
  return async (dispatch, getState, getFirebase) => {

     ...code to populate my invitationsObjects

      invitationObjects.forEach(async (invitationObject) => {
        const invitedPatient = await getPatient(invitationObject.patientId);
        invitedPatients.push(invitedPatient);
      });

      dispatch({
        type: GET_INVITATIONS_SUCCESS,
        payload: invitedPatients,
      });
    } catch (error) {
      ...
    }
  };
};

还有减速器

const initialState = {
  invitedPatients: null,
  sending: false,
};

export default function invitationsReducer(state = initialState, action) {
  switch (action.type) {
    case "GET_INVITATIONS_SUCCESS":
      return {
        ...state,
        invitedPatients: action.payload,
      };
    
    default:
      return { ...state };
  }
}

这是 getPatient 函数：

export const getPatient = async (patientId) => {
  try {
    const documentSnapshot = await firestore.collection("patients").doc(patientId).get();
    console.log("getPatient -> documentSnapshot", documentSnapshot.data())
    return documentSnapshot.data();
  } catch(error) {
    console.log(error);
  }
}

Answer 1

问题是您不能在 forEach 循环中使用异步函数。我将其更改为使用正常的循环表示法并且它起作用了。