React ref не имеет значения в onChange

Question

Я написал компонент реакции, содержащий вход с ref, но я не могу получить его значение.

Ниже приведен пример кода, который показывает проблему, вместе с 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

Thx для всех помощи, J

Answer 1

До React 0,14, this.refs.name является а не элемент DOM. Чтобы получить доступ к элементу DOM, вам нужно будет позвонить getDOMNode:

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