/

如何在React中獲取輸入元素的值

如何在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”]