资讯专栏INFORMATION COLUMN

[译] React组件 是采用Functional 还是 Class编写 ?

Integ / 1783人阅读

摘要:在里面有两种组件类组件和函数式组件两者有明显的区别比如是属于的类是一个函数它返回一个组件什么是先看一段代码这是一个函数式组件它和类组件最关键的区别就是函数式组件没有和一系列的钩子函数这也是函数式组件经常被用作无状态组件的原因

在React里面有两种组件, Class components(类组件) 和 Functional components(函数式组件).两者有明显的区别,比如

Class Components 是属于ES6的类

Functional Components 是一个函数,它返回一个JSX组件

什么是Functional Components

先看一段代码:

function Hello(props){
   return 
Hello {props.name}
}

这是一个函数式组件(Functional Component), 它和类组件(Class Component)最关键的区别就是: 函数式组件没有state和一系列的钩子函数,这也是函数式组件经常被用作无状态组件的原因

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/103847.html

相关文章

  • 】函数式的React

    摘要:高阶组件和高阶函数高阶组件是编程中的常见模式。您可以将上面例子中的高阶函数用函数的方式来重新整理如你所见,这就像是一个高阶函数,这个函数接受一个函数,返回一个新的元素。函数式编程范例旨在避免在应用程序中使用状态。 原文:The functional side of React作者:Andrea Chiarelli译者:博轩 React 是现在最流行的 JavaScript 库之一。使用...

    gnehc 评论0 收藏0
  • 正在失业中的《课多周刊》(第3期)

    摘要:正在失业中的课多周刊第期我们的微信公众号,更多精彩内容皆在微信公众号,欢迎关注。若有帮助,请把课多周刊推荐给你的朋友,你的支持是我们最大的动力。是一种祸害译本文浅谈了在中关于的不好之处。浅谈超时一运维的排查方式。 正在失业中的《课多周刊》(第3期) 我们的微信公众号:fed-talk,更多精彩内容皆在微信公众号,欢迎关注。 若有帮助,请把 课多周刊 推荐给你的朋友,你的支持是我们最大的...

    robin 评论0 收藏0
  • 正在失业中的《课多周刊》(第3期)

    摘要:正在失业中的课多周刊第期我们的微信公众号,更多精彩内容皆在微信公众号,欢迎关注。若有帮助,请把课多周刊推荐给你的朋友,你的支持是我们最大的动力。是一种祸害译本文浅谈了在中关于的不好之处。浅谈超时一运维的排查方式。 正在失业中的《课多周刊》(第3期) 我们的微信公众号:fed-talk,更多精彩内容皆在微信公众号,欢迎关注。 若有帮助,请把 课多周刊 推荐给你的朋友,你的支持是我们最大的...

    Joyven 评论0 收藏0
  • 】利用js原生方法替换react component实现性能提升

    摘要:原文链接原作者利用原生方法替换实现性能提升现在我们正在用实现一个具有邮件收发和即时聊天功能的客户端工具。为了防止用户感觉卡顿,所有的动作都需要在毫秒级完成。然而理想是丰满的,现实是残酷的。。。 原文链接 https://medium.com/missive-ap...原作者Philippe Lehoux 利用js原生方法替换react component实现性能提升 现在我们正在用Re...

    piapia 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<