search

kdchang / reactjs101

從零開始學 ReactJS（ReactJS 101）是一本希望讓初學者一看就懂的 React 中文入門教學書，由淺入深學習 ReactJS 生態系 (Flux, Redux, React Router, ImmutableJS, React Native, Relay/GraphQL etc.)。
https://www.gitbook.com/book/kdchang/react101/details
Other
4.31k stars 1.22k forks source link

有關ref的範例, 不能執行 #44

Open ghost opened 7 years ago

ghost commented 7 years ago

Ref的範例, 我無法執行.
代碼中的textarea, 沒有落入ref.
https://github.com/kdchang/reactjs101/blob/master/Ch04/props-state-introduction.md#refs-與表單處理
我是將handleChange()方法改成這样. 才順利執行 

handleChange(e) {
        this.setState({value: e.target.value});
   }

但不知道這样做, 是否一個好方法?

kdchang commented 7 years ago

@hkkhchan 其實也是可以的，只是官網上範例是使用 refs 取得值這樣～

https://facebook.github.io/react/

ghost commented 7 years ago

@kdchang 但我確是跟著教程打, 然后在chrome dev tool檢查ref, 發現沒有textarea這個property. 另外我也看到有人都遇到這個問題
比如:
http://stackoverflow.com/questions/35230020/this-refs-something-returns-undefined

跟著我在官網找到有關ref的說明. 它的寫法也不同. 好像ref=textarea已經過時. 我不肯定.
https://facebook.github.io/react/docs/refs-and-the-dom.html