javascript - react : cannot access mixin function inside getDefaultProps

Question

我试图从 getDefaultProps 访问一个在 mixin 中定义的函数，但我得到了 undefined is not a function。基本上我使用的是 react-intl 并且应该翻译我列的默认标签。为什么我无法从 getDefaultProps 中访问 mixin 中定义的函数？

var React = require('react');
var ReactIntl = require('react-intl');
var IntlMixin = ReactIntl.IntlMixin;

var Index = React.createClass({

  mixins: [IntlMixin],

  getDefaultProps: function () {
    return ({
      options: {
        attributes: [{name: 'name', label: this.getIntlMessage('Index.name'), index: 0}],
        view: "tiles"
      }
    });
  },

  render: function() {
    return <div>{this.props.options.attributes[0].label}</div>
  }
});

module.exports = Index;

Answer 1

无法访问因为getDefaultProps只被调用一次，而不是在您正在创建的类的实例的上下文中。 this 上下文不正确。

您需要将检索移动到实例函数中，例如 render。

您还应注意，在 getDefaultProps 中返回的数组或对象实例在所有实例之间共享。我不知道你是如何使用它的，但它可能会导致问题，具体取决于你如何使用这些值。