相关疑难解决方法(0)

才知道,从阵营v15.3.0,我们有一个新的名为基类PureComponent与扩展PureRenderMixin内置.我所理解的是,在引擎盖下,它采用了内部道具的浅层比较shouldComponentUpdate.

现在我们有3种方法来定义React组件:

1. 功能无状态组件,不扩展任何类
2. 扩展PureComponent类的组件
3. 扩展Component类的普通组件

一段时间后,我们习惯将无状态组件称为纯组件,甚至是哑组件.似乎"纯"这个词的整个定义现在在React中已经改变了.

虽然我理解这三者之间的基本差异,但我仍然不确定何时选择什么.还有什么是性能影响和权衡取舍？

更新:

这些是我希望澄清的问题:

• 我应该选择将我的简单组件定义为功能(为简单起见)还是扩展PureComponent类(为了性能)？
• 性能提升是否因为我丢失的简单性而得到了真正的平衡？
• Component当我总能使用PureComponent以获得更好的性能时,我是否需要扩展普通类？

我已经通过了React v16.7.0中引入的钩子。

https://reactjs.org/docs/hooks-intro.html

因此，我对钩子的理解是，我们可以在功能组件中使用状态，而无需在react中编写类组件。这真是一个了不起的功能。

但是我对在功能组件中使用钩子一无所知。

   import { useState } from 'react';

   function Example() {
   const [count, setCount] = useState(0);

    return (
      <div>
        <p>You clicked {count} times</p>
        <button onClick={() => setCount(count + 1)}>
         Click me
        </button>
      </div>
   );
  }

如果使用钩子，如何在上述功能组件中使用生命周期方法？