constructor(props){
        super(props);
        this.date = React.createRef();
        this.comment = React.createRef();
        this.amount = React.createRef();

        this.state = {
            edit:false,
        }
    }

<tr>
     <td><input type="text" className="form-control" defaultValue={this.props.record.date} ref={this.date} /></td>
     <td><input type="text" className="form-control" defaultValue={this.props.record.comment} ref={this.comment} /></td>
      <td><input type="text" className="form-control" defaultValue={this.props.record.amount} ref={this.amount} /></td>
        <td>
              <button className="btn btn-info mr-1" onClick={this.handleUpdate}>更新</button>
              <button className="btn btn-danger" onClick={this.handleToggle}>取消</button>
        </td>
 </tr>

handleUpdate = (event)=>{
        event.preventDefault();
        let data = {
            date:this.date.current.value,
            comment:this.comment.current.value,
            amount:Number.parseInt(this.amount.current.value,0)
        }
        console.log(data)
        // TODO：网络请求，更新数据
    }