Question

我使用useEffect在componentDidMount上仅使用一次。
我在功能组件中重用了requestPatientsApi。
在useEffect的第二个参数中添加所有依赖项会进行无穷大渲染。

  useEffect(() => {
    requestPatientsApi();
  }, []);

  const requestPatientsApi = async (skip: number = 0, limit: number = 100) => {
    try {
      const { data } = await get<AxiosResponse<PatientApi>>("/patient", { skip, limit, requester: "admin" });

      setPager({
        ...pager,
        totalItems: data.totalCount
      });
      props.setPatients(refinedPatients(data.items));
    } catch (err) {
      throw err;
    }
  };

1。如何避免NO.3的无限渲染？

2。是否有任何方法可以重复使用requestPatientsApi避免出现3号错误？

Answer 1

缺少依赖项警告只是提示您将依赖项添加到依赖项数组中，以防万一您错过了它，但是由于您完全确定只希望在组件安装时执行一次代码，因此可以使用{{1禁用警告}}

// eslint-disable-next-line react-hooks/exhaustive-deps

Answer 2

您可以尝试

full_path = os.path.join(["C", "Users", "Puneeth.Prabhu", "Documents", "Hello"])
os.mkdir(full_path)

对componentDidMount依赖项的useEffect

2 个答案: