鍍金池/ 問答/HTML/ React學(xué)習(xí)過程中遇到一句不理解的語法

React學(xué)習(xí)過程中遇到一句不理解的語法

我先貼上代碼,然后說說我自己的理解,請高手幫我指正一下

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} />這段代碼,我實(shí)在不理解this指代的是什么,是ref所在的input標(biāo)簽?還是class AutoFocusInput
這段代碼<input ref={(input) => this.input = input} />翻譯過來就是

<input ref={function(input) ={return this.input = input} />  
就是讓this.input=input,這里的this就是指代的input標(biāo)簽吧,
假如我有很多個(gè)這種input標(biāo)簽,this的含義就是指我當(dāng)前選擇的這個(gè)input表現(xiàn)。

不知道我以上的理解到底對不對,謝謝

回答
編輯回答
雅痞

jsx 最終 會編譯成 最下下面的 形式, 這樣 你在看 箭頭函數(shù) this 的綁定
圖片描述

圖片描述

2017年7月29日 14:46
編輯回答
尛曖昧

this指向的是當(dāng)前這個(gè)組件

2017年4月27日 20:57
編輯回答
伐木累

這里的 this 指的是當(dāng)前 AutoFocusInput 實(shí)例。

2018年8月10日 17:47