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] 。