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