React 提供了幾種在元件渲染後在輸入欄位上設定焦點的方法。
選項 1：Refs
如文件中所述，您可以使用 ref 來存取輸入欄位的 DOM 節點。這可以透過在渲染函數中設定輸入欄位的ref 屬性來完成：
<input ref="nameInput" ... />
然後，在元件掛載後，您可以在DOM 節點上使用focus() 方法來設定焦點:
componentDidMount() {
this.refs.nameInput.getInputDOMNode().focus();
}選項2：自動對焦
您也可以使用autoFocus 屬性讓輸入在安裝時自動對焦：
<input autoFocus name=... />
請注意，在JSX 中，autoFocus 必須大寫，這與在純HTML 中不區分大小寫不同。
透過利用這些選項中的任何一個，您可以在渲染後輕鬆將焦點設定在特定文字欄位上，確保使用者方便並增強使用者體驗。
以上是如何在 React 中渲染後將焦點設定在輸入欄位上？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
