useEffect(fetchBusinesses, [])

useEffect(() => {
  function fetchBusinesses() {
  fetchBusinesses()
}, [])

const fetchBusinesses = useCallback(() => {
}, [])
useEffect(() => {
  fetchBusinesses()
}, [fetchBusinesses])

useEffect(() => {
  fetchBusinesses()
}, []) // eslint-disable-line react-hooks/exhaustive-deps

React 使用 use Effect 实践项目 该入门工具包括一个简单的项目基础，该项目带有可为孩子配置火鸡绘画作品的控件。 它包括图像（ src / components / PictureDisplay ）和消息（ src / components / Message ）的功能组件，包括适当的道具（ size字符串， featherCount编号和featherColors数组）。 该项目还包括 使用 onClick和onChange事件连接到状态变量（ 使用 use State挂钩设置）的用户控件（在src / App. js 中）。 这个项目的目标是在 React 中练习 use Effect 不同用例，以增进您的理解并建立对技能的信心。 调试道具更改 调试状态更改 捕获状态更改以编程方式生成另一个状态值 捕捉道具更改以编程方式生成状态值 阶段0：方向 浏览现有 JavaScript 和CSS文件，以熟悉该

如何使 React 中的 use Effect 、 use Layout Effect 只调用 一次 Hook 是 React 16.8 的新增特性，旨在替代原来 React 中的 Class 组件。 React 官方已经对 使用 Class 组件采取了负面态度（见此处）。虽然目前官方仍然明确声明“没有计划从 React 中移除 class”（见此处），但待 Hook 成熟之后，Class 组件语法被废弃恐怕是迟早的事情。 use Effect 、 use Layout Effect 可用于替代 Class 组件生命周期的方

根据引用\[1\]和引用\[2\]的内容，当 使用 React 的 use Effect 钩子时，如果在 use Effect 的依赖数组中包含了一个状态变量，那么在该状态变量发生变化时， use Effect 的回调函数会被 执行 。然而，如果在第 一次 渲染时，该状态变量的值没有发生变化，那么 use Effect 的回调函数将不会被 执行 。 如果你希望在第 一次 渲染时也 执行 use Effect 的回调函数，可以 使用 一个自定义的hook，如引用\[3\]中的 use Effect SkipFirst。这个自定义hook可以跳过第 一次 渲染时的 use Effect 回调函数的 执行 ，从而实现在第 一次 渲染时也 执行 use Effect 的目的。 综上所述，如果你想让 React 的 use Effect 在第 一次 渲染时也 执行 ，可以 使用 自定义的hook来实现。 #### 引用[.reference_title] - *1* [ react 使用 use Effect 及踩坑](https://blog.csdn.net/m0_46995864/article/details/122773898)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [ React hook 判断语句内不能 使用 use Effect （乱序问题）](https://blog.csdn.net/weixin_50236973/article/details/123812216)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [ react hook 初次渲染时不 执行 use Effect ](https://blog.csdn.net/qq_40657321/article/details/129419133)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]