Assuming your "deleteDataAt" function is a Redux action creator that dispatches an action to delete the list item -- if this is the case, then continue passing that action creator as a prop to the child, and since you've also passed down the index, the child can simply apply that action creator as the event listener. Eg. in the code snippet you've provided, I would have just done:
return (
<Data
value={d}
index={i}
deleteDataAt={deleteDataAt}
/>
);
Then your onClick in the child would be:
onClick = (_e) => this.props.deleteDataAt(this.props.index);
Correct me if I'm missing anything!
