【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} // 虚线
/>
相关推荐
晚霞的不甘11 分钟前
Flutter for OpenHarmony从基础到专业:深度解析新版番茄钟的倒计时优化
android·flutter·ui·正则表达式·前端框架·鸿蒙
东东51615 分钟前
果园预售系统的设计与实现spingboot+vue
前端·javascript·vue.js·spring boot·个人开发
rainbow688916 分钟前
Python学生管理系统:JSON持久化实战
java·前端·python
打小就很皮...20 分钟前
React Router 7 全局路由保护
前端·react.js·router
起风的蛋挞29 分钟前
Matlab提示词语法
前端·javascript·matlab
有味道的男人30 分钟前
1688获得商品类目调取商品榜单
java·前端·spring
txwtech36 分钟前
第20篇esp32s3小智设置横屏
前端·html
Exquisite.44 分钟前
企业高性能web服务器---Nginx(2)
服务器·前端·nginx
DFT计算杂谈1 小时前
VASP+PHONOPY+pypolymlpj计算不同温度下声子谱,附批处理脚本
java·前端·数据库·人工智能·python
广州华水科技1 小时前
如何选择合适的单北斗变形监测系统来保障水库安全?
前端