我应该导入 useState 和 useEffect 还是可以使用 React.useState 和 React.useEffect？答案

【问题标题】：Should I import useState and useEffect or is it ok to use React.useState and React.useEffect?我应该导入 useState 和 useEffect 还是可以使用 React.useState 和 React.useEffect？
【发布时间】：2020-03-20 09:31:42
【问题描述】：

当对状态、效果、上下文等使用钩子时，我会这样做：

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

但是，我注意到以下工作正常：

import React from 'react';

const App = () => {
  const [counter, setCounter] = React.useState();

  React.useEffect(() => console.log('hello!'), []);
}

我的问题是，这两者之间有什么区别吗？也许在涉及到包大小时，或者 Webpack 是否足够聪明来处理这个问题？

否则，这是不好的做法吗？您使用哪种方法，为什么？

【问题讨论】：

和developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…一模一样，只是使用解构赋值。

标签： javascript reactjs ecmascript-6

【解决方案1】：

最好使用import {useState } from 'react'，因为它具有可读性、更少的输入和干净的编码。性能和包大小无关紧要

【讨论】：

【解决方案2】：

两者都是一样的， import {useState } from 'react' 不那么冗长，易于阅读和维护。

【讨论】：