React开发(193):react无障碍使用程序获取焦点第一种
生活随笔
收集整理的這篇文章主要介紹了
React开发(193):react无障碍使用程序获取焦点第一种
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
class CustomTextInput extends React.Component {constructor(props) {super(props);// 創(chuàng)造一個(gè) textInput DOM 元素的 ref this.textInput =
React.createRef(); }render() {// 使用 `ref` 回調(diào)函數(shù)以在實(shí)例的一個(gè)變量中存儲(chǔ)文本輸入 DOM 元素//(比如,this.textInput)。 return (<inputtype="text"ref={this.textInput} />);}
}
focus() {// 使用原始的 DOM API 顯式地聚焦在 text input 上// 注意:我們通過訪問 “current” 來獲得 DOM 節(jié)點(diǎn)this.textInput.current.focus();
}
總結(jié)
以上是生活随笔為你收集整理的React开发(193):react无障碍使用程序获取焦点第一种的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 《JavaScript模式》读书笔记一:
- 下一篇: uniapp打包H5与uniapp打包a