日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

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

德保ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場(chǎng)景，ssl證書未來市場(chǎng)廣闊！成為創(chuàng)新互聯(lián)的ssl證書銷售渠道，可以享受市場(chǎng)價(jià)格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：18980820575（備注：SSL證書合作）期待與您的合作！

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

ref 屬性的值可以是一個(gè)字符串也可以是一個(gè)函數(shù)。

使用方法

綁定一個(gè) ref 屬性到 render 的返回值上：

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

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

完整實(shí)例

你可以通過使用 this 來獲取當(dāng)前 React 組件，或使用 ref 來獲取組件的引用，實(shí)例如下：

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

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

嘗試一下 ?

實(shí)例中，我們獲取了輸入框的支撐實(shí)例的引用，子點(diǎn)擊按鈕后輸入框獲取焦點(diǎn)。

我們也可以使用 getDOMNode()方法獲取DOM元素

文章名稱：創(chuàng)新互聯(lián)React教程：React Refs
轉(zhuǎn)載源于：http://www.5511xx.com/article/dhjjhee.html