React Hooks useEffect，添加依赖关系触发器无限循环

React Hooks useEffect 是 React 提供的一个用于处理副作用操作的钩子函数。它在组件渲染完成后执行副作用代码，类似于类组件中的 componentDidMount、componentDidUpdate 和 componentWillUnmount。useEffect 接受两个参数，第一个参数是一个回调函数，用于执行副作用操作，第二个参数是一个依赖数组，用于控制副作用的触发时机。

当依赖数组为空时，副作用代码只在组件初次渲染完成后执行一次。当依赖数组中有值时，副作用代码将会在依赖值发生变化时执行，以及组件卸载时执行清理操作。依赖数组中的值可以是 state、props 或任何其他在副作用代码中使用的值。

在使用 useEffect 时，需要注意以下几点：

1. 如果依赖数组为空，副作用代码将只在组件初次渲染完成时执行一次。
2. 如果依赖数组不为空，副作用代码将在组件初次渲染完成时执行一次，并且在每次依赖值发生变化时执行。
3. 如果依赖数组中的值是引用类型（如数组、对象），应当使用稳定的引用，否则可能导致意外的副作用触发。
4. 在副作用代码中，可以通过返回一个清理函数来执行清理操作，如取消订阅、清除定时器等。

下面是一个示例，展示了如何使用 useEffect 和依赖数组来控制副作用的触发时机：

import React, { useEffect, useState } from 'react';

function MyComponent(props) {
  const [count, setCount] = useState(0);

  useEffect(() => {
    // 副作用代码
    console.log('副作用代码执行了');
    
    // 返回一个清理函数
    return () => {
      // 清理操作
      console.log('清理操作执行了');
    };
  }, [count]); // 仅在 count 发生变化时执行副作用

  return (
    <div>
      <p>Count: {count}</p>
      <button onClick={() => setCount(count + 1)}>增加</button>
    </div>
  );
}

export default MyComponent;

在上面的示例中，当点击按钮时，count 的值会增加，触发组件重新渲染。由于 useEffect 的依赖数组中包含 count，因此副作用代码会在 count 发生变化时执行。在控制台中可以看到副作用代码和清理操作的输出。

推荐的腾讯云相关产品和产品介绍链接地址：

1. 云服务器（CVM）：提供弹性计算服务，可满足不同规模和需求的业务场景。产品介绍
2. 云数据库 MySQL：提供高可用、可扩展的 MySQL 数据库服务。产品介绍
3. 云存储 COS：提供安全、稳定、低成本的云端对象存储服务。产品介绍
4. 人工智能机器学习平台（AI Lab）：提供强大的人工智能算力、丰富的深度学习框架、多样的数据集和可视化工具，帮助开发者快速搭建和训练自己的 AI 模型。产品介绍

以上是对 React Hooks useEffect 的介绍，以及相关的腾讯云产品推荐。注意，本回答不涉及亚马逊AWS、Azure、阿里云、华为云、天翼云、GoDaddy、Namecheap、Google等流行的云计算品牌商。