Question

我写了一个包含带ref的输入的react组件，但我无法获得它的值。

这是一个显示问题的示例代码，以及一个jsfiddle链接：

var Hello = React.createClass({
  onClick: function () {
    console.log(this.refs.name.value);
  },
  render: function() {
    return <input ref="name" onChange={this.onClick}/>;
  }
});

React.render(<Hello key="world" />, document.body);

jfiddle

感谢所有帮助， Ĵ

Answer 1

在React 0.14之前，this.refs.name不是DOM元素。要访问DOM元素，您需要调用getDOMNode：

onChange: function () {
  console.log(this.refs.name.getDOMNode().value);
},

React ref在onChange中没有任何价值

1 个答案: