將數據從 json 存儲到 localStorage 瀏覽器

Question

我正在嘗試制作一個程序，您可以從 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 上保存不同的數據，我想保存單擊時出現的笑話，讓我們說一個數組，所以我可以以后用它來打印它。

Answer 1

每次呈現按鈕時，onClick 中的 function 都會自行運行。 您需要將其包裝在匿名 function 中，如下所示：

<button id="button" onClick={()=>{localStorage.setItem("name",data)}}>Save!</button>

更多信息： https://stackoverflow.com/a/33846760/9224578