装饰器

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

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

不使用装饰器的例子

class ProfileContainer extends Component {
  // Component code
}
export default observer(ProfileContainer)

使用装饰器的例子

@observer
export default class ProfileContainer extends Component {
  // Component code
}

相关文章:

• <a href="https://medium.com/@gigobyte/enhancing-react-components-with-decorators-441320e8606a">Enhancing React components with Decorators

参考资料:

• Decorators != higher ordered components
• React Decorator example - Module
• What is the use of Connect(decorator in react-redux)
• Decorators with React Components
• Exploring ES7 decorators
• Understanding Decorators