有没有办法更好地约束这个'在React Component类中?

时间:2017-01-12 16:46:11

标签: javascript reactjs es6-class

我目前正在开发一个反应应用程序,当组件类有很多功能时,我发现必须绑定array_keys($graph["node"])有点麻烦。

实施例

this

有更有效的方法吗?

2 个答案:

答案 0 :(得分:10)

您可以避免使用transform-class-properties Babel插件绑定方法,这是一个实验性的ES7功能。请务必启用stage-0才能使用它。

这允许在定义类方法时使用箭头函数,利用箭头函数的词法绑定,因此class Foo extends Component { boundFunction = () => { /* 'this' points to Foo */ } } 引用函数的上下文(在本例中为类),如下所示:

{{1}}

答案 1 :(得分:1)

你可以用以下方法缩短它:

this.function1 = :: this.function1

您需要https://babeljs.io/docs/plugins/transform-function-bind/