Угловое

при угловой настройке привязки данных существуют два "наблюдателя" (это упрощение)

//js
$scope.name = 'test';
$timeout(function()  { $scope.name = 'another' }, 1000);
$timeout(function()  { console.log($scope.name); }, 5000);

<!-- html --->
<input ng-model="name" />

вход будет начинаться с test, затем обновить до another в 1000 мс. Любые изменения $scope.name, либо из кода контроллера, либо путем изменения ввода, будет отражено в журнале консоли 4000ms позже. Изменения в <input /> отражены в $scope.name свойство автоматически, так как ng-model устанавливает часы ввода и уведомляет $scope of изменение. Изменения в коде и изменения HTML-кода двусторонняя привязка. (Проверьте эта скрипка)

реагировать

React не имеет механизма, позволяющего HTML изменять компонент. HTML может вызывать только те события, на которые реагирует компонент. Типичным примером является использование onChange.

//js
render() { 
    return <input value={this.state.value} onChange={this.handleChange} />
}
handleChange(e) {
    this.setState({value: e.target.value});
}

значение <input /> контролирует полностью на . Единственный способ обновить это значение-из самого компонента, что делается путем присоединения onChange событие <input />, который устанавливает this.state.value С методом главных компонент реагировать setState. Элемент <input /> не имеет прямого доступа к состоянию компонентов, и поэтому он не может вносить изменения. Это односторонняя привязка. (Проверьте это codepen)