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”＆gt; SRC = “https://unpkg.com/react-dom@15/dist/react-dom.js” ＆GT;

它对我有用。

希望你已经找到了解决方案。干杯！

Answer 3

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

React.js - REF未定义

3 个答案: