之间有区别吗：例如useEffect() & React.useEffect()

Question

我正忙着做我的项目时遇到了这个：

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

。当具体在 TS 中使用 React Hooks 时，我通常会像这样导入

import * as React from "react"

并像这样

import { useEffect, useState } from "react"

导入它们。以这种方式使用它意味着如果我想使用“useEffect”，我只需输入

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

，这就是我通常在 Youtube 视频或其他项目中看到的内容，人们通常会导入它并像这样使用它，常见的方式。

无论如何，由于我将

导入为 React，如果想使用钩子，我也可以只输入

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

，这完全有效。我只是想知道，哪种方式更好？想一想，如果您不会经常使用该钩子，那么只需编写

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

然后先导入它

import { useEffect, useState } from "react"

然后使用它：

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

就更短了。那么，再一次，哪个更好，最常见的方式：

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

，或者这个：

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

。我的意思是最后，我只是想知道是否有任何性能差异或加载时间差异，或者只是因为大多数人喜欢

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

Answer 1

问题并非特定于 React，而是任何我们可以解构导入或使用点表示法的 ES 模块。

提取属性一次而不是从对象中读取属性可能会稍微好一些。

此外，如果我们计划不破坏的话，缩小后的捆绑包将包含

r.u

形式的内容，而不是

。