Popular posts

itemChecked = id => {
    const tableContents = [...this.state.tableContents];
    tableContents.forEach((content, index) => {
      if (content.id === id) {
        tableContents[index].checked = !tableContents[index].checked;
      }
    });
    this.setState({ tableContents });
};


<div>
  {this.state.tableContents.map((content, index) => 
    <div key={content.id}>
        <input type="checkbox" checked={content.checked} onClick={() => this.itemChecked(content.id)}>
        <div>{content.property1}</div>
        <div>{content.property2}</div>
        <div>{content.property3}</div>
        <div>{content.property4}</div>
    </div>
)}
</div>

Are you expecting something like this?