如何在React中獲取輸入元素的值
給定一個表單,你如何獲取其中一個表單字段的值?
一個常見的情境是,當你有一個表單時,你想要獲取其中一個表單字段的值,例如當用戶點擊一個按鈕時。
你可以如何實現這個功能?
使用React的hooks,你可以為每個輸入字段創建一個變量,在onChange
事件上監聽並調用相應變量的 “set” 函數。
以下是一個示例:
1 | const [title, setTitle] = useState('') |
在JSX中的輸入字段:
1 | <input onChange={event => setTitle(event.target.value)} /> |
這樣,當你在表單的提交事件處理程序中,或者任何你希望的地方,你都可以從 title
變量中獲取字段的值。
tags: [“React”, “hooks”, “表單”, “React hooks”]