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

給定一個表單，你如何獲取其中一個表單字段的值？

一個常見的情境是，當你有一個表單時，你想要獲取其中一個表單字段的值，例如當用戶點擊一個按鈕時。

你可以如何實現這個功能？

使用React的hooks，你可以為每個輸入字段創建一個變量，在onChange事件上監聽並調用相應變量的 “set” 函數。

以下是一個示例：

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

在JSX中的輸入字段：

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

這樣，當你在表單的提交事件處理程序中，或者任何你希望的地方，你都可以從 title 變量中獲取字段的值。