【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} // 虚线
/>
相关推荐
程序视点38 分钟前
IObit Uninstaller Pro专业卸载,免激活版本,卸载清理注册表,彻底告别软件残留
前端·windows·后端
前端程序媛-Tian1 小时前
【dropdown组件填坑指南】—怎么实现下拉框的位置计算
前端·javascript·vue
嘉琪0011 小时前
实现视频实时马赛克
linux·前端·javascript
烛阴2 小时前
Smoothstep
前端·webgl
十盒半价2 小时前
React 性能优化秘籍:从渲染顺序到组件粒度
react.js·性能优化·trae
若梦plus2 小时前
Eslint中微内核&插件化思想的应用
前端·eslint
爱分享的程序员2 小时前
前端面试专栏-前沿技术:30.跨端开发技术(React Native、Flutter)
前端·javascript·面试
超级土豆粉2 小时前
Taro 位置相关 API 介绍
前端·javascript·react.js·taro
若梦plus2 小时前
Webpack中微内核&插件化思想的应用
前端·webpack
若梦plus2 小时前
微内核&插件化设计思想
前端