将翻译 react-i18next 与 react-moment 一起使用

Question

我的 React Web 应用程序中有英语和瑞典语。

我正在使用 react-moment，在我的 App.js 中，我已经导入了 moment/locale 并为我需要日期的每个页面放置了 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>

Answer 1

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

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

或者你也可以

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

Using translation react-i18next with react-moment