时间戳

首页 > 解决方案 > 使用翻译 react-i18next 和 react-moment

reactjs - 使用翻译 react-i18next 和 react-moment

问题描述

我的反应网络应用程序中有英语和瑞典语。

我正在使用 react-moment，在我的 App.js 中，我已经导入了时刻/语言环境，并为我需要有日期的每个页面放置了 import Moment from 'react-moment'。

import 'moment/locale/sv'
import 'moment/locale/en-gb'

我怎样才能把它翻译成瑞典语但不是永久的？用户可以将语言从英语切换到瑞典语，反之亦然。

   <Moment format="ddd DD MMM">
     {flight.date}
   </Moment>

  <Moment format="HH:mm">{stop.arrival}</Moment>

标签： reactjsmomentjstranslationreact-i18next

解决方案

使用 moment.locale() 更改语言环境并将本地设置为 Moment 元素

moment.locale('sv') 
<Moment format="ddd DD MMM" local>
 {flight.date}
</Moment>

或者你也可以这样做

<Moment locale="sv" format="ddd DD MMM">{flight.date}</Moment>

推荐阅读