one-way binding
フロントエンドの data binding の立場の一種.近年だと React が代表的? code:javascript
import React, { useState } from 'react';
import ReactDOM from 'react-dom';
function App() {
return (
<form>
<input type="text" value={name} onInput={e => setName(e.target.value)} />
<br />
Name: {name}
</form>
);
}
ReactDOM.render(<App />, document.getElementById('root'))
onInput を省略すると,<input> 要素に何か文字を打とうとしてもまったく何も反応しない.view を書き換えるためにはあくまで state を更新する必要がある.view 側で値を編集すれば view model に暗黙に反映される two-way binding とはこの点において大きく異なる.