我正在嘗試制作一個程式,您可以從 API 中獲取,并且每 3 秒您就會獲得一個新值,到目前為止還不錯,我使用 useEffect/useState 獲得了該值。
const [data, setData] = useState();
useEffect(() =>{
const interval = setInterval(() => {
getData()
},3000);
return () => clearInterval(interval);
},[])
//fetch the data function
const getJoke = (() => {
fetch('API URL')
.then((res) => res.json())
.then((res) => {
setData(res.value);
})
.catch((err) => console.log(err));
})
所以一切都很好,我每 3 秒就會出現一次資料
<button id="button" onClick = {handleGetT}>{isActive ? 'Get Data' : 'Stop'}</button>
<h3>{isActive ? null : data}</h3>
但我真的很難把喜歡的東西保存為最喜歡的。我有一個其他按鈕,當您單擊它時,您會將其保存在 localstorage 瀏覽器資料中。
<button id="button" onClick = {localStorage.setItem("name",data)}>Save!</button>
我知道上面的方法可能不是合適的方法,出于某種原因,我每 3 秒在 localstorage 上保存一次不同的資料,我想保存點擊出現的笑話時,讓我們說一個陣列,所以我可以稍后使用它來列印它。
uj5u.com熱心網友回復:
每次呈現按鈕時,onClick 中的函式都會自行運行。您需要將其包裝在一個匿名函式中,如下所示:
<button id="button" onClick={()=>{localStorage.setItem("name",data)}}>Save!</button>
更多資訊:https : //stackoverflow.com/a/33846760/9224578
轉載請註明出處,本文鏈接:https://www.uj5u.com/net/368346.html
標籤:javascript html 查询 css 反应
