node.js - 不使用 FormattedMessage 和 React ContextTypes 获取翻译文本

Question

我正在寻找一种无需使用 FormattedMessage 即可获取翻译文本的方法。到目前为止，我只找到了这个提供使用 ContextTypes 的解决方案一个React's EXPERIMENTAL feature 。还有其他方法可以实现此目的(或其他库/npm 模块)吗？

Answer 1

我更喜欢使用context，但是react-intl也提供了一个更高阶的组件injectIntl你可以用它代替。这将传递一个具有所有命令式格式化功能的 prop intl 。

import React from "react";
import {injectIntl, intlShape} from "react-intl";

class MyComponent extends React.Component {
    static propTypes = {
        intl: intlShape.isRequired
    }
    render() {
        return <p>{this.props.intl.formatDate(new Date())}</p>;
    }
}

export default injectIntl(Component);