亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

React學習過程中遇到一句不理解的語法

React學習過程中遇到一句不理解的語法

守候你守候我 2019-03-20 09:07:41
我先貼上代碼,然后說說我自己的理解,請高手幫我指正一下class AutoFocusInput extends Component {  componentDidMount () {    this.input.focus()  }  render () {    return (      <input ref={(input) => this.input = input} />    )  }}ReactDOM.render(  <AutoFocusInput />,  document.getElementById('root'))<input ref={(input) => this.input = input} />這段代碼,我實在不理解this指代的是什么,是ref所在的input標簽?還是class AutoFocusInput這段代碼<input ref={(input) => this.input = input} />翻譯過來就是<input ref={function(input) ={return this.input = input} />  就是讓this.input=input,這里的this就是指代的input標簽吧,假如我有很多個這種input標簽,this的含義就是指我當前選擇的這個input表現。不知道我以上的理解到底對不對,謝謝
查看完整描述

3 回答

?
慕仙森

TA貢獻1827條經驗 獲得超8個贊

jsx 最終 會編譯成 最下下面的 形式, 這樣 你在看 箭頭函數 this 的綁定

https://img1.sycdn.imooc.com//5c919beb0001f03508000509.jpg

https://img1.sycdn.imooc.com//5c919bec0001ecdb08000115.jpg

查看完整回答
反對 回復 2019-03-20
?
富國滬深

TA貢獻1790條經驗 獲得超9個贊

這里的 this 指的是當前 AutoFocusInput 實例。


查看完整回答
反對 回復 2019-03-20
?
小怪獸愛吃肉

TA貢獻1852條經驗 獲得超1個贊

this指向的是當前這個組件


查看完整回答
反對 回復 2019-03-20
  • 3 回答
  • 0 關注
  • 412 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號