1

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

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

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

import React from 'react';

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

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

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

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

4

2 回答 2

2

它更好地使用import {useState } from 'react'只是因为可读性，更少的打字和干净的编码。性能和捆绑大小无关紧要

于 2019-11-25T06:40:55.600 回答
0

两者是相同的， import {useState } from 'react'不那么冗长并且易于阅读和维护。

于 2019-11-25T06:13:37.620 回答