【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} // 虚线
/>
相关推荐
CHU72903516 分钟前
定制专属美丽时刻:美容预约商城小程序的贴心设计
前端·小程序
浩~~1 小时前
反射型XSS注入
前端·xss
AwesomeDevin1 小时前
AI时代,我们的任务不应沉溺于与 AI 聊天,🤔 从“对话式编程”迈向“数字软件工厂”
前端·后端·架构
harrain1 小时前
antvG2折线图和区间range标记同时绘制
前端·javascript·vue.js·antv·g2
德育处主任Pro1 小时前
从重复搭建到高效生产,RollCode的H5开发新范式
前端
蜡台2 小时前
SPA(Single Page Application) Web 应用(即单页应用)架构模式 更新
前端·架构·vue·react·spa·spa更新
网络点点滴2 小时前
组件通信-作用域插槽
前端·javascript·vue.js
LZQ <=小氣鬼=>3 小时前
React 图片放大镜组件使用文档
javascript·react.js·前端框架·ecmascript
kyriewen113 小时前
异步编程:从“回调地狱”到“async/await”的救赎之路
开发语言·前端·javascript·chrome·typescript·ecmascript·html5
早點睡3903 小时前
ReactNative项目Openharmony三方库集成实战:@react-native-clipboard/clipboard
javascript·react native·react.js