【React】如何画一个箭头

下载 react-xarrows,官方文档地址

bash 复制代码
npm i react-xarrows

基本使用

javascript 复制代码
<Xarrow start="box1" end="box2" />
<Xarrow start="box2" end="box3" />

基本属性

javascript 复制代码
<Xarrow
  start="box1"
  end="box2"
  headSize={4} // 箭头大小
  strokeWidth={2} // 线宽
  color="#589AFE" // 颜色
  dashness={true} // 虚线
/>
相关推荐
C_心欲无痕2 分钟前
网络相关 - 跨域解决方式
前端·网络
天蓝色的鱼鱼3 分钟前
Vue开发必考:defineComponent与defineAsyncComponent,你真的掌握吗?
前端·vue.js
用户81274828151204 分钟前
aosp14分屏分割线区域部分深入剖析-framework实战干货
前端
三小河4 分钟前
内网环境下 Web 离线地图的实现方案与合规性探讨
前端
2501_941807264 分钟前
在迪拜智能机场场景中构建行李实时调度与高并发航班数据分析平台的工程设计实践经验分享
java·前端·数据库
一 乐8 分钟前
餐厅点餐|基于springboot + vue餐厅点餐系统(源码+数据库+文档)
java·前端·数据库·vue.js·spring boot·后端
踢球的打工仔11 分钟前
typescript-var和let作用域
前端·javascript·typescript
手握风云-13 分钟前
JavaEE 进阶第八期:Spring MVC - Web开发的“交通枢纽”(二)
前端·spring·java-ee
海云前端113 分钟前
前端组件封装封神指南:16条实战原则,面试、项目双加分
前端
C_心欲无痕16 分钟前
网络相关 - XSS跨站脚本攻击与防御
前端·网络·xss