react List点击父节点绑定点击事件

今天我在做一个List的点击选择的时候，我发现平常我都是直接把List中的每一个Item都会进行点击事件绑定，这样性能似乎不太好，我完全可以在父节点上进行绑定。

<List onclick={e => fun(e.target.offesetParent.parentNode.id)}>
	arr.map((item, index) => (
		<div id={index} key={String(index)}>
			{item.data}
		</div>
	))
</List>

关键就是通过id，获取到对应数组的选项，这样一来我们就可以避免重复的绑定同一个事件在子节点上，以前学过，一直没用到，突然想起来，记录一下