React.js-REF未定義

Question

當我測試以下代碼時，我收到一個控制台錯誤，即newText未定義，我是正確地聲明了val var還是缺少了什么？

val = ReactDOM.findDOMNode(this.refs[newText]);

renderForm: function() {
        return (
            <div className="note">
                <textarea ref="newText" defaultValue={this.props.children} className="form-control"></textarea>
                <button onClick={this.save} className="btn btn-success btn-sm glyphicon glyphicon-floppy-disk"></button>
            </div>
        )
    },

Answer 1

這里的newText必須是字符串（ "newText" ），或者應該使用點表示法。 僅使用newText意味着您嘗試讀取具有該名稱的變量的值（該變量將返回undefined ）。

更改：

this.refs[newText]

至：

this.refs["newText"]

要么：

this.refs.newText

Answer 2

我知道回答這個問題已經很晚了，但是我遇到了同樣的問題。

我添加並更新了以下源：src =“ https://unpkg.com/react@15/dist/react.js ”> src =“ https://unpkg.com/react-dom@15/dist/react -dom.js“>

它為我工作。

希望您已經找到了解決方案。 干杯!

Answer 3

使用this.refs.newText而不是this.refs[newText] 。