React中如何解决点击节点前面三角区域不触发onClick事件,如何区别‘左边’和‘右边’区域点击逻辑呢?(Tree引用开源组件TDesign)
只需要在onClick里面加限制一下就行:
<Tree
expandMutex
activable
transition
data={treeData}
onClick={(nodeAnde) => {
if (nodeAnde?.e?.target?.tagName !== 'SPAN') {
return; // 说明点击了三角区域
}
// 点击右边节点内容执行处理逻辑
}}
/>
提示:nodeAnde参数包括节点内容和event事件详情