React

React 中 useContext 跟 React-MobX 的差異 useContext useContext 是 react 提供的一個 hook，可以讓我們透過讀取和訂閱元件中 context 共享元件之間的資料，主要是用來解決狀態提升和 prop drilling 的問題（即層層傳遞 props）。 在這例子中，使用 useContext 實作了一個簡單的登入表單，當使用者輸入名稱後，點擊登入按鈕，就會顯示歡迎卡片，並且可以登出。 在 App 元件中...

useRef 的使用情境 useRef 是什麼？ useRef 是 React 提供的 hook，用來創建一個 可變（mutable）的引用對象，可以用來存取 DOM 元素或保存跨越多次渲染的資料，且在資料變動時不會觸發 re-render。 useRef 的使用情境 1. 存取 DOM 元素 useRef 最常見的使用情境之一是存取 DOM 元素，讓我們可以直接操作原生 DOM。 在這個例子中，我們使用 useRef hook 來存取 input 元素，並且在 button 的 onClick 事件中，使用 inputRef.current.focus() 來 focus 到 input 元...