所以我是 React JS 的新手,我正在嘗試制作一個程式,您可以從 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>
但我真的很努力將喜歡的內容保存為收藏夾,我還有一個按鈕,當您單擊它時,您會將其保存在本地存盤瀏覽器資料中。
<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
uj5u.com熱心網友回復:
…………?????...------
D idusatrain & sup pl yisis with thdidid with a lqaeda to just ifycreatingwars >> CREATIVECHOAS
didciadid 9 1 1 or itjustlet it Happ en
如果基地組織做了它為什么要殺死 9 百萬伊拉克人
大約 900 萬伊拉克人在他們的生活中,要么是因為美國的直接暴力,要么是因為美國在史提拉克斯的 suma生活材料的食品藥品甚至鉛筆
isisandalqae da onlyappearediniraqaft erusainva si on, idusapave theway f or isis toirq ?
薩達姆胡斯在第一、第二次海灣戰爭中失去了大部分權力,并在圍攻的 10 年期間,沒有任何tallowis is oralqae dea toenteriraq ve n to helphimagins
請分享我的 qs 以減少 rs 請分享我的 qs 以減少 rs
轉載請註明出處,本文鏈接:https://www.uj5u.com/caozuo/368315.html
標籤:javascript html 查询 css 反应
