javascript - React ref 在 onChange 中没有值

Question

我编写了一个 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

感谢所有帮助， J

Answer 1

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

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