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

給定一個表單,您如何獲得表單字段之一的值?

常見的情況涉及擁有一個表單,並且您想要獲取表單字段之一的值,例如,當用戶單擊按鈕時。

你怎麼能這樣呢?

使用掛鉤,您可以為每個輸入字段創建一個變量,然後在onChange如果您為該變量調用“設置”功能。

這是一個例子:

const [title, setTitle] = useState('')

在JSX的輸入字段上:

<input onChange={event => setTitle(event.target.value)} />

這樣,當您在事件處理程序中進行表單的Submit事件時,或者在所需的任何地方,都可以從表單中獲取字段的值。title價值。

免費下載我的反應手冊


更多反應教程: