这是我的班级:
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方式。