React中两种useState使用方式对比：哪种更优？原因是什么？

先看两种写法：

写法一：按需导入 #

import { useState } from "react";
const [count, setCount] = useState(0)

写法二：直接调用React对象上的方法 #

const [count, setCount] = React.useState(0)

更推荐写法一（按需导入），原因如下：

• 代码更简洁直观：不用每次调用都加React.前缀，写起来顺手，读起来也清爽，减少不必要的冗余。
• 打包体积优化：现代打包工具（如Webpack、Vite）支持Tree Shaking，按需导入只会把用到的useState打包进最终文件，能有效减小包体积，提升应用加载速度。
• 符合官方与社区规范：React官方文档里优先推荐这种写法，也是社区通用的实践方式，团队协作时能保持代码风格统一，降低沟通成本。
• 降低依赖风险：如果项目存在多版本React或模块隔离场景，直接依赖全局React对象可能引发版本冲突，按需导入能明确依赖来源，减少这类潜在问题。

当然，写法二也不是完全不能用——比如快速写原型、文件里只偶尔用一次React API时，临时用用没问题，但长期维护的项目还是优先选写法一。

内容的提问来源于stack exchange，提问作者Hafiz Muhammad Rayyan