最近2018中文字幕在日韩欧美国产成人片_国产日韩精品一区二区在线_在线观看成年美女黄网色视频_国产精品一区三区五区_国产精彩刺激乱对白_看黄色黄大色黄片免费_人人超碰自拍cao_国产高清av在线_亚洲精品电影av_日韩美女尤物视频网站

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

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

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

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

使用方法

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

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

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

完整實(shí)例

你可以通過(guò)使用 this 來(lái)獲取當(dāng)前 React 組件，或使用 ref 來(lái)獲取組件的引用，實(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元素

網(wǎng)站名稱：創(chuàng)新互聯(lián)React教程：React Refs
本文路徑：http://fisionsoft.com.cn/article/dhjjhee.html