
React練習 – 割り勘計算アプリ(4)
前回の投稿では、ヘッダの支払額入力に反応して割り勘計算を行い、結果をヘッダおよび各明細に反映させるように実装を行った。 今回は、各明細の操作を可能にする。まずは、明細コンポーネントの各入力要素のchangeイベントにハンドラメソッドを紐付ける。 class Detail extends Component { render () { return ( <div> <input type="text" value={this.props.name} onChange={e => this.handleNameChange(e)} /> <l…