LineItem.js

import React, {
  Component
}
from 'react';
class LineItem extends Component {
  constructor(props) {
    super(props);
    this.state = Object.assign({}, props.lineItemData);
    this.handleDeleteClick = this.handleDeleteClick.bind(this);
   
  }

 
  handleDeleteClick() {
    this.props.onDelete(this.props.id);
  }
  render() {
    var center = {
      textAlign: "center"
    }
    return (
           <tr>
        <td style={center}>
          <Button onClick={this.handleDeleteClick} active  size="sm" color="danger" className="btn-pill" aria-pressed="true">Effacer</Button>
        </td></tr>
      );
  }
 
}
export default LineItem;