react 装饰器的使用教程,react装饰器有什么用

　　高阶分量

　　简单来说，高阶组件是一个可以接受一个组件并返回一个新组件的函数。

　　组件是把道具转换成UI，高级组件是把一个组件价格转换成另一个组件。

　　decorator ES7中的一个语法糖，类似于Python中decorator的用法和功能，实际上是以更简洁的方式包装了修改类的行为。装饰包括类、类的属性和类的方法。

　　因为项目使用是一个新特性，如果在项目中使用，需要使用babel进行转码。

　　安装babel插件：

　　babel=7 . x babel=7 . x NPM install-save-dev @ babel/plugin-proposal-decorator

　　巴别塔@6.x

　　npm安装-保存-开发巴别塔-插件-转换-装饰者-遗产。babelrc配置：

　　巴别塔=7.x

　　{ plugins :[[ @ babel/plugin-proposal-decorators ，{ legacy: true }]，] }

　　Babel@6.x

　　{ plugins :[ transform-decorators-legacy ]}

　　从“react”导入React，{ Component }；

　　const addDiv=(title)=(wrapped Component)=类扩展组件{

　　render() {

　　返回(

　　差异

　　h1 {title} /h1

　　人力资源/

　　WrappedComponent/

　　/div

　　)

　　}

　　};导出默认addDiv

　　//demo.js

　　从“react”导入React，{ Component }；

　　从导入addDiv。/add div . js ；@addDiv (title )

　　导出默认类演示扩展组件{

　　.

　　render() {

　　返回(

　　I演示/i

　　)

　　}

　　}

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。