为什么有的react代码喜欢React.useEffect 而不是直接使用 useEffect

在React代码中，有时候你会看到两种引用useEffect的方式，即React.useEffect和useEffect。
这两种形式实际上是等价的，它们都可以正常使用React Hook useEffect。

当直接使用useEffect时，这是因为Hook是在React模块内部导出的，因此在导入React模块后就可以直接访问到它：

import React, { useEffect } from 'react';

function MyComponent() {
  useEffect(() => {
    // ...
  }, []);
}

而在某些代码中，尤其是早期的教程或为了强调其来源于React库，开发者可能会选择显式地写出React.useEffect，尽管这不是必需的。
这主要是为了增加代码的可读性和清晰度，明确指出useEffect是React提供的一个Hook函数：

import React from 'react';

function MyComponent() {
  React.useEffect(() => {
    // ...
  }, []);
}

在实践中，大部分开发者倾向于使用简化的useEffect形式，因为它更简洁。
但在一些特定场景下，比如为了规避可能存在的命名冲突或者强调上下文，也会选择React.useEffect。
但本质上，两者在功能上并无区别。