首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >流星: ReactMeteorData和Ecmascript6

流星: ReactMeteorData和Ecmascript6
EN

Stack Overflow用户
提问于 2015-12-23 09:52:10
回答 2查看 275关注 0票数 0

我正在使用Meteor和ReactJS开发一个应用程序。我对React组件使用了ES6语法。使用旧的语法,您可以这样做:

代码语言:javascript
运行
复制
MyComponent = React.createClass({
   mixins: [ReactMeteorData],

   render() {
    ...
   }
})

但是如何将其转换为ES6语法呢?

帮助感激。谢谢!

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2015-12-23 09:59:22

当您提到"ES6语法“时,是否意味着使用ES6类创建React组件?如下所示:

代码语言:javascript
运行
复制
class HelloMessage extends React.Component {
  render() {
    return <div>Hello {this.props.name}</div>;
  }
}

总之,如果使用ES6类创建React组件,则不支持混音。您必须使用React.createClass方式。

以下是React官方文档中的内容:可重用构件

无混合体 不幸的是,ES6在没有任何混合支持的情况下启动。因此,当您在ES6类中使用React时,不支持mixins。相反,我们正在努力使支持这样的用例变得更容易,而不需要混合。

票数 1
EN

Stack Overflow用户

发布于 2015-12-23 23:19:40

Id签出以下内容:https://github.com/brigand/react-mixin

它允许您在ES6类上使用混合器作为装饰器:

代码语言:javascript
运行
复制
@ReactMixin.decorate(ReactMeteorData)
export default class MyClass extends React.Component {
  ...
}
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/34432842

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档