Question

这是我的反应代码，非常基于Bucky的教程

renderForm: function(){
            return (
                <div className = "commentContainer">
                    <textarea ref = "hola" defaultValue={this.props.children}></textarea>
                    <button onClick={this.save} className = "button-success">Save</button>
                </div>
            );
        },

在renderFomr函数中，有一个textarea，我将ref值赋予＆＃34; hola＆＃34;我有onclick事件到一个名为save

的函数

  save: function (){
    var val = this.refs.hola.value;
    console.log(val);
    this.setState({editing: false});
    this.props.updateCommentText(val, this.props.index);
  },

但是，在这个保存功能中，当我设置变量＆＃34; val＆＃34;的值时通过编写this.refs.hola.value并在日志中测试它，它给了我＆＃34; undefined＆＃34;。

我想也许是版本问题？

这些是我使用的cdns

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.3/react.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.3/JSXTransformer.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

有谁知道为什么？

反应this.refs.variable.value返回undefined

0 个答案: