設計時間滑塊

Question

我希望將此設計作爲時間滑塊添加到儀表板中。

有沒有人曾經使用React，HTML設計過它？任何幫助表示讚賞。

Answer 1

如果這些圓，線是根據您的返回JSON數據，這是很簡單的與之反應/終極版。您可以按照如下步驟：

1. 您需要添加在你的時間表事件偵聽器可以單擊或鼠標懸停
2. 定義狀態變量屬於MapData在構造
3. 觸發事件，並通過HTTP請求
檢索不同數據
4. 確保使用新數據調用setState（）並將它們綁定到狀態變量中
5. 將狀態變量綁定到render（）元素中，您將看到更改。

希望它能幫助你。