React - 数秒ごとに相対時間を再レンダリングする

Question

私はReactでリアルタイムアプリケーションを作成しています。 私は状態のコンテナとしてMobxを使用しています。 。（ラストオーダーが到着したので、私は、相対的な時間を示す成分を持つ、頑張れ

問題ではない（<FormattedRelative />コンポーネントが反応し、国際ライブラリーから取ら - は「1分前」のようなもの）を示す この "。 1分前に "メッセージが表示されると、最初にUIがレンダリングされたときにメッセージが取得されますが、時間が経つにつれて時代遅れになり不正確になります。私は何度もsetIntervalで再レンダリングをスケジュールする必要がありますか、定期的に値を変更する必要がありますか？私の店では、私のUIは再レンダリングされるので？

ありがとうございます。

Answer 1

react-timeagoを試してみてください。ローカリゼーションをサポートしています。 例：フランス語文字列を使用したカスタムフォーマッタ

import TimeAgo from 'react-timeago' 
import frenchStrings from 'react-timeago/lib/language-strings/fr' 
import buildFormatter from 'react-timeago/lib/formatters/buildFormatter' 

const formatter = buildFormatter(frenchStrings) 

// in your react component 
<TimeAgo date='Feb 1, 1966' formatter={formatter} />