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

Question

当对状态、效果、上下文等使用钩子(Hook)时，我这样做:

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

但是，我注意到以下效果很好:

import React from 'react';

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

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

<小时/>

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

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

Answer 1

最好使用import {useState} from 'react'因为可读性强、打字少且编码干净。性能和包大小并不重要