如何使用injectIntl​​导出React类getter?

时间:2018-01-05 04:40:14

标签: javascript reactjs internationalization react-intl

这是我的班级:

import React, { Component } from 'react';
import PropTypes from 'prop-types';
import { injectIntl, intlShape } from 'react-intl';

class MyClass extends Component {
  constructor(props) {
    super(props);
  }
  get pageTitle() {
    const { intl } = this.props;
    return intl.formatMessage({id: 'messages_my_class_page_title'});
  }
  render() {
    return (
      <div>
        Dummy content
      </div>
    );
  }
}
MyClass.propTypes = {
  intl: intlShape.isRequired
}

export default injectIntl(MyClass);

当我输入随机文本并且不使用react-intl injectIntl​​ 函数时,会出现我的页面标题。

我'react-intl'在所有其他情况下都能正常工作。即使是使用'hoist-non-react-statics'库的静态属性。

我偶然发现了这个。

编辑1: 我可以使用

修复它
<FormattedMessage id="messages_my_class_page_title"/>

但我想知道如何使用injectIntl​​方式。

0 个答案:

没有答案