在react组件中，如何在静态函数中获得this？

Question

var Test = React.createClass({
  val: 5,
  statics: {
    getVal: function() { return this.val }
  },
  render: return( <div>{this.val}</div> )
});

Test.getVal(); => undefined!!

Test.getVal.apply( Test ); => undefined

Answer 1

看看静力学方面的文件。

您在statics中放入的任何内容都不会包含实际React组件实例的上下文，但是您定义的val属性是实际React组件实例的属性。它在实际呈现组件之前不会存在，因为所有非静态属性都是在那时构造的。静态应该是与组件相关的函数，可以在实际实例的上下文之外使用，就像C#和许多其他语言中的静态函数一样。

从statics函数访问React组件实例似乎没有意义。也许你需要考虑一下你真正想要实现的目标。如果您真的希望能够访问特定组件的属性，那么我想您可以将实例作为参数传递给静态函数，但当然，一旦您实际构造了组件，这将是可用的。