99热在线精品一区二区三区_国产伦精品一区二区三区女破破_亚洲一区二区三区无码_精品国产欧美日韩另类一区

小編給大家分享一下react中refs指的是什么，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！

翁源網(wǎng)站制作公司哪家好，找成都創(chuàng)新互聯(lián)公司！從網(wǎng)頁設計、網(wǎng)站建設、微信開發(fā)、APP開發(fā)、響應式網(wǎng)站建設等網(wǎng)站項目制作，到程序開發(fā)，運營維護。成都創(chuàng)新互聯(lián)公司公司2013年成立到現(xiàn)在10年的時間，我們擁有了豐富的建站經(jīng)驗和運維經(jīng)驗，來保證我們的工作的順利進行。專注于網(wǎng)站建設就選成都創(chuàng)新互聯(lián)公司。

react中的refs是react支持的一種特殊屬性，這個特殊屬性允許我們引用render()返回的相應的支撐實例。這樣我們就可以確保在任何時間總是拿到正確的實例。

屬性介紹：

React 支持一種非常特殊的屬性 Ref ，你可以用來綁定到 render() 輸出的任何組件上。

這個特殊的屬性允許你引用 render() 返回的相應的支撐實例（ backing instance ）。這樣就可以確保在任何時間總是拿到正確的實例。

使用方法：

綁定一個 ref 屬性到 render 的返回值上：

在其它代碼中，通過 this.refs 獲取支撐實例:

var input = this.refs.myInput;
var inputValue = input.value;
var inputRect = input.getBoundingClientRect();

舉例：

通過使用 this 來獲取當前 React 組件，或使用 ref 來獲取組件的引用，如下：

class MyComponent extends React.Component {
  handleClick() {
    // 使用原生的 DOM API 獲取焦點
    this.refs.myInput.focus();  }
  render() {
    //  當組件插入到 DOM 后，ref 屬性添加一個組件的引用于到 this.refs
    return (
      

        
        
      
    );  }}
 ReactDOM.render(
  ,  document.getElementById('example'));

實例中，我們獲取了輸入框的支撐實例的引用，子點擊按鈕后輸入框獲取焦點。

看完了這篇文章，相信你對react中refs指的是什么有了一定的了解，想了解更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！

文章題目：react中refs指的是什么
轉(zhuǎn)載注明：http://ef60e0e.cn/article/pohhoi.html