React.js中的Function和Class组件之间的确切区别是什么?

时间:2018-10-16 16:18:33

标签: javascript reactjs react-component

除了Class之外,状态和功能都没有,我想我们可以通过class组件达到状态和功能的要求,那为什么在React.js中为什么需要Function Component?

1 个答案:

答案 0 :(得分:-1)

实际上,除了状态可用性之外,两者之间没有界限,因为许多开发人员经常一个接一个地犯错,并且每个开发人员有时都有不同的理解和定义,例如智能哑巴组件,容器组件等。实际使用中(以及我的一些经验),使用功能组件通常会更容易,因为:

  1. 代码中的噪音少,不需要额外的声明,从而提高了代码的可读性。

  2. 在代码大小和复杂度方面更加紧凑和可用,因为它不像类组件那样拥有很多道具和状态。

  3. 根据某些文章(https://hackernoon.com/react-stateless-functional-components-nine-wins-you-might-have-overlooked-997b0d933dbc),由于无状态功能组件不涉及生命周期方法,因此它也可以提高性能。

有时候,您也不想只为紧凑的不可重用的小型组件编写另一个文件/类,而这种组件只能通过您的类组件有效。