如何將用戶在本地存儲中單擊的按鈕的 ID 存儲在 React 組件中？

Question

我是 Javascript 的新手，我正在嘗試獲取用戶單擊的按鈕的 ID，並將該值存儲在 localStorage 中，以便在我的 React 組件的其他地方使用它，但它沒有按預期工作。 請問我做錯了什么？ 下面是我的功能

const handleButtonClilck = (button, event) => {
    setButton(button)
    localStorage.setItem("btncourseId", event.target.id)
}
const coursebtn = localStorage.getItem("btncourseId")

這是按鈕：

<button id={course.id} onClick={()=> handleButtonClick('chapter')} className="btn btn-primary btn-sm">Add Chapter</button>

變量 coursebtn 返回 null 但{course.id}返回預期值

Answer 1

<button id={course.id} onClick={(e)=> handleButtonClick('chapter',e)} 
className="btn btn-primary btn-sm">Add Chapter</button>