|
|
|
|
|
|
by doctorcroc
3317 days ago
|
|
|
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! |
|
|
You're not missing anything :) That approach also works. The important point is that you have to pass the extra index prop down to the child to avoid the bind in render.