装饰器

装饰器(Decorators)(被babel支持, 在 03/17 之后作为stage-2的proposal被引入)

如果你在使用类似于mobx的库, 你能够使用装饰器装饰你的函数. 装饰器本质上其实就是将组件传入一个函数. 使用装饰器能让组件更灵活,更可读并且更易修改组件的功能.

不使用装饰器的例子

  1. class ProfileContainer extends Component {
  2.   // Component code
  3. }
  4. export default observer(ProfileContainer)

使用装饰器的例子

  1. @observer
  2. export default class ProfileContainer extends Component {
  3.   // Component code
  4. }

相关文章:

  • @gigobyte/enhancing-react-components-with-decorators-441320e8606a">Enhancing React components with Decorators

参考资料: