[React Intl] Format a Date Relative to the Current Date Using react-intl FormattedRelative

标签：pat   eric   read   att   view   udp   div   end   make   

Given a date, we’ll use the react-intl FormattedRelative component to render a date in a human readable format, such as “2 days ago”, in various languages.

We‘ll also see how to set the frequency of this component‘s rendering to make our app update the text in real-time.

                <FormattedRelative 
                  value={new Date(review.date)}
                  style="numeric"
                  />

Since the FormattedRelative component udpate in real time, so you can also control the update interval:

                <FormattedRelative 
                  value={new Date(review.date)}
                  updateInterval={1000}
                  style="numeric"
                  />

Notice that it will cause extra unecessary component render.

[React Intl] Format a Date Relative to the Current Date Using react-intl FormattedRelative

标签：pat   eric   read   att   view   udp   div   end   make   

原文地址：http://www.cnblogs.com/Answer1215/p/7252403.html