动态导入语言json文件以进行react / react-intl

这是我配置客户端以通过react-intl 呈现正确语言的方式。

import localeData from './translations/en.json';

//import localeData from './translations/xx.json'; <-- any language

const render = routes => {

match({ history, routes }, (error, redirectLocation, renderProps) => {

ReactDOM.render(

<HotEnabler>

<IntlProvider locale={locale} messages={localeData}>

<Provider store={store} app={app} restApp={restApp} key="provider">

<Router {...renderProps} render={renderRouter} history={history}>

{routes}

</Router>

</Provider>

</IntlProvider>

</HotEnabler>,

dest

);

});

};

render(getRoutes(store));

cookie中的语言环境动态导入localeData 。因此,如果我的用户的语言环境是“ en”,我将仅加载到

en.json文件中。

const locale = Cookie.get('locale') || 'en';

const render = routes => {

match({ history, routes }, (error, redirectLocation, renderProps) => {

ReactDOM.render(

<HotEnabler>

<IntlProvider locale={locale} messages={localeData}>

<Provider store={store} app={app} restApp={restApp} key="provider">

<Router {...renderProps} render={renderRouter} history={history}>

{routes}

</Router>

</Provider>

</IntlProvider>

</HotEnabler>,

dest

);

});

};

render(getRoutes(store));

这样做的正确方法是什么?试图创建一个函数,但是我无法将数据正确传递给消息。

Thanks

回答:

通过以下代码解决了它。如果有人需要,请将它们张贴在这里。

const languages = {

en: require('./translations/en.json'),

zn: require('./translations/zn.json')

};

const localeData = languages[locale];

以上是 动态导入语言json文件以进行react / react-intl 的全部内容, 来源链接: utcz.com/qa/410493.html

回到顶部