Получить входные компоненты реквизита onBlur

Question

Можно ли получить реквизиты входа с помощью onBlur событие?

С event.target.value Я получаю ценность моего вклада.

Можно ли получить props компонента аналогичным образом?

Answer 1

Конечно, вы можете, вот скрипка:

var Hello = React.createClass({
  onBlur: function(e) {
  console.log(this.props)
},
render: function() {    
  return <div>
    <input onBlur={this.onBlur} />
  </div>;
}
});

Или, если вы получаете функцию от parent как свойство, вы должны связать ее с контекстом компонентов.

Пример скрипки:

var Hello = React.createClass({ 
  render: function() {          
    return <div>
      <input onBlur={this.props.onBlur.bind(this)} />
    </div>;
  }
});

function onBlur(e) {
  console.log(this.props);
  console.log(e);
}

ReactDOM.render(
  <Hello onBlur={onBlur} name="World" />,
  document.getElementById('container')
);