当前位置: 首页 > article >正文

React中如何解决点击<Tree>节点前面三角区域不触发onClick事件

React中如何解决点击节点前面三角区域不触发onClick事件,如何区别‘左边’和‘右边’区域点击逻辑呢?(Tree引用开源组件TDesign)
在这里插入图片描述
只需要在onClick里面加限制一下就行:

<Tree
   expandMutex
   activable
   transition
   data={treeData}
   onClick={(nodeAnde) => {
     if (nodeAnde?.e?.target?.tagName !== 'SPAN') {
       return;	// 说明点击了三角区域
     }
     // 点击右边节点内容执行处理逻辑
   }}
 />

提示:nodeAnde参数包括节点内容和event事件详情
在这里插入图片描述


http://www.kler.cn/a/144363.html

相关文章:

  • 如何将Postman API转换JMeter进行扩展
  • 『Postman入门万字长文』| 从工具简介、环境部署、脚本应用、Collections使用到接口自动化测试详细过程
  • 【Java】认识异常
  • 【Netty专题】Netty调优及网络编程中一些问题补充(面向面试学习)
  • qt实现播放视屏的时候,加载外挂字幕(.srt文件解析)
  • 计算机网络之数据链路层
  • Kafka系列 - 生产者客户端架构以及3个重要参数
  • 142.【Nginx负载均衡-01】
  • UML建模图文详解教程08——部署图
  • python opencv 边缘检测(sobel、沙尔算子、拉普拉斯算子、Canny)
  • 基于.net framework4.0框架下winform项目实现寄宿式web api
  • 机器学习之自监督学习(四)MoCo系列翻译与总结(一)
  • Jmeter+influxdb+grafana监控平台在windows环境的搭建
  • 每天一点python——day76
  • MySQL-03-索引
  • 软件设计的先进性原则
  • 【MATLAB源码-第88期】基于matlab的灰狼优化算法(GWO)的栅格路径规划,输出做短路径图和适应度曲线
  • Java串行化接口详解
  • Spark---SparkCore(一)
  • ebpf实战(一)-------监控udp延迟