Storing the dynamic content from the backend to a state and updating the content as above should work. If you want to append the dynamic content from backend to the present state, use the spread operator; It should look like : this.setState({tableContent: [...this.state.tableContent, ...valueFromBackEnd]}); If your problem is the same what I have understood from your question, then this should work.

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?