React 套件推薦 react-countdown 倒數計時器

說明

分享一個用起來很方便的倒數計時器套件。

預覽

就是一個很簡單的文字顯示。

演示

Demo

最新的演示請參考他們的 GitHub。

安裝

npm install react-countdown

基本用法

這是一個非常簡單和最小的範例，說明如何設定從 10 秒開始倒數。

import React from 'react';
import ReactDOM from 'react-dom';
import Countdown from 'react-countdown';

ReactDOM.render(
  <Countdown date={Date.now() + 10000} />,
  document.getElementById('root')
);

參考

• react-countdown GitHub