React-intlを変数として使用できますか？

Question

私はreact-intlとreact-helmetを使用しています！と私は翻訳のテキストとしてヘルメットにメタの説明を渡そうとしているが、それは可能ではないようだ！ここで

は私がやったことです：

<Helmet 
    meta={[{ name: 'description', content: { id: 'homepage.description'} }]} 
    link={[{ rel: 'icon', href: 'favicon/favicon-32x32.png' }]} 
/> 

homepage.descriptionはlang/en/en.json上のテキストです。

翻訳は変数としてつかんで、使用することができた場合、私は私はちょうどこのようにそれをやる、使いやすいようことができますね。

render() { 
    const description = formatMessage({ id: 'homepage.description', values: {country: 'Morocco'} }); 
    return (
     <Helmet 
       title={pageTitle} 
       meta={[{ name: 'description', content: {{description}} }]} 
       link={[{ rel: 'icon', href: 'favicon/favicon-32x32.png' }]} 
      /> 
    ); 
} 

このことさえ可能ならば？またはこのベストプラクティスの代替手段が存在していますか？あなたがinjectIntl​​を使用する場合は、事前

Answer 1

で

おかげではい、それは、あなたが翻訳された文字列を取得し、必要なときにはいつでも使用することができます。この方法が可能です：

import {injectIntl} from 'react-intl'; 

... 
render() { 
    const intl = this.props.intl; 
    const description = intl.formatMessage({ id: 'homepage.description', values: {country: 'Morocco'} }); 
    return (
     <Helmet 
       title={pageTitle} 
       meta={[{ name: 'description', content: {{description}} }]} 
       link={[{ rel: 'icon', href: 'favicon/favicon-32x32.png' }]} 
      /> 
    ); 
} 
... 

export default injectIntl(YourComponent);