第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會有你想問的

React-Intl:帶數(shù)組的 I18n

React-Intl:帶數(shù)組的 I18n

HUX布斯 2022-07-08 18:03:17
我目前正在開發(fā)一個(gè)從兩個(gè) json 文件(de.json 和 en.json)中讀取數(shù)據(jù)的網(wǎng)站?,F(xiàn)在還有一個(gè)頁面,我需要根據(jù)選擇的語言從英語數(shù)組或德語數(shù)組中讀取數(shù)據(jù)(每個(gè)數(shù)組當(dāng)前都是一個(gè)簡單的 js 文件,其中只有數(shù)組,它只是被導(dǎo)入我需要讀取其數(shù)據(jù)的文件)。它現(xiàn)在的工作方式是我檢查語言環(huán)境是否為英語,然后使用該數(shù)組,但是該解決方案并不干凈。const ResourcesMedia = [    {        title: 'sometitle',        description: 'somedescription',        href: 'somelink'    },    {        title: 'sometitle',        description: 'somedescription',        href: 'somelink'    }  ]export default ResourcesMedia;還有另一個(gè)類似的數(shù)組僅適用于德語版本?,F(xiàn)在根據(jù)選擇的語言,我正在映射數(shù)組并創(chuàng)建組件。但是,目前我正在檢查語言環(huán)境是這樣的:const mediaArray = locale === 'en' ? ResourcesMediaEn : ResourcesMedia這不是最好的方法,而是我想將數(shù)組存儲在 en.json 和 de.json 文件(或兩個(gè)新文件)中,讓 IntlProvider 決定它應(yīng)該使用哪個(gè)。有沒有用 React-Intl 做到這一點(diǎn)的好方法,還是我需要以其他方式實(shí)現(xiàn)它?
查看完整描述

1 回答

?
慕姐4208626

TA貢獻(xiàn)1852條經(jīng)驗(yàn) 獲得超7個(gè)贊

您可以創(chuàng)建一個(gè)數(shù)組,其中數(shù)組中的值是鍵而不是實(shí)際字符串,并且在渲染它們時(shí),您可以實(shí)際翻譯這些


const ResourcesMedia = [

    {

        title: 'sometitleKey',

        description: 'somedescriptionKey',

        href: 'somelink'

    },

    {

        title: 'sometitleKey1',

        description: 'somedescriptionKey',

        href: 'somelink'

    }

  ]



render() {

   const {intl: {formatMessage: t}} = this.props;

   return ResourcesMedia.map(item => (

       <div>

          <div>{t(item.title)</div>

          <div>{t(item.description)</div>

       <div>


   ))

}


查看完整回答
反對 回復(fù) 2022-07-08
  • 1 回答
  • 0 關(guān)注
  • 222 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號