为什么我的代码在useEffect()外部使用时会运行两次？

在React中，useEffect()是一个React Hook，用于处理副作用操作。副作用操作包括但不限于访问API、订阅事件、修改DOM等。useEffect()接受两个参数，第一个参数是一个函数，用于定义副作用操作，第二个参数是一个依赖数组，用于指定副作用操作的依赖。

当你将代码放在useEffect()外部时，它会在组件渲染时被执行，然后在每次组件渲染完成后重新执行。这是因为在组件的每次渲染过程中，所有的代码都会被执行，包括useEffect()外部的代码。所以如果你的代码在useEffect()外部被执行，就会导致它被多次执行。

为了解决这个问题，你可以将你的代码移到useEffect()内部，以确保它只在指定的依赖变化时执行。如果你的代码没有依赖，你可以将依赖数组设为空数组，这样代码只会在组件挂载时执行一次。

下面是一个示例：

import React, { useEffect } from 'react';

function MyComponent() {
  useEffect(() => {
    // 在useEffect内部执行你的代码
    console.log('代码执行一次');
  }, []); // 依赖数组为空

  return (
    <div>My Component</div>
  );
}

export default MyComponent;

在上面的例子中，代码只会在组件挂载时执行一次，并且不会在每次重新渲染时执行。这样可以避免代码被多次执行的问题。

请注意，以上解释和示例中没有提到具体的云计算产品或品牌，因为根据问题要求，不允许提及云计算品牌商的名称。