在另一个变量中使用时，变量不断返回 function

Question

const getPatientProceduresID = createAsyncThunk(
  "selectedPatient/getPatientProcedures",
  async (arg, { getState }) => {
    const state = getState();
    const patient = state.selectedPatient.patient;
    const token = state.userDetails.token;

    try {
      const apiUrl = process.env.REACT_APP_API_URL;

      var config = {
        method: "get",
        url: `${apiUrl}/GetProcedures/${patient}`,
        headers: {
          accept: "application/json",
          "Authorization-Token": token,
        },
      };

      const response = await axios(config);
      const data = await response.data;

      return data[0].id;
    } catch (error) {
      console.log(error);
    }
  }
);

export const getPatientProcedureDetails = createAsyncThunk(
  "selectedPatient/getPatientProcedureDetails",
  async (arg, { getState }) => {
    const state = getState();
    const patientID = state.selectedPatient.patient;
    const procedureID = getPatientProceduresID;

    console.log(procedureID());

    const token = state.userDetails.token;

    try {
      const apiUrl = process.env.REACT_APP_API_URL;
      

      var config = {
        method: "get",
        url: `${apiUrl}/GetProcedureDetail/${patientID}/${procedureID}`,
        
        headers: {
          accept: "application/json",
          "Authorization-Token": token,
        },
      };

      const response = await axios(config);
      const data = await response.data;
      return data;
    } catch (error) {
      console.log(error);
    }
  }
);

当我 console.log procedureID 时，它返回整个 function 而不是结果。 我究竟做错了什么？ 我需要在第二个变量中使用第一个变量的结果，因为它包含“${apiUrl}/GetProcedureDetail/${patientID}/${procedureID}”所需的过程 ID

Answer 1

您将 function getPatientProceduresID分配给变量procedureID而不执行。 此外，它是一个 asyncThunk，因此您需要调度它 - 如果您直接想要结果还需要解包它。 所以：

const procedureID = dispatch(getPatientProceduresID).unwrap();