【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} // 虚线
/>
相关推荐
Jackson__12 小时前
面试官:如何在老项目中使用新框架,并实现通信?
前端·javascript·面试
拾年27512 小时前
React Hooks 保姆级教程:把组件想象成失忆的打工人,4 个 Hook 带你原地起飞
前端·javascript·react.js
mmsx12 小时前
一个 Bug 修了 12 轮,根因只有一句话:AI 编程时代,日志才是唯一的真相
前端
默_笙12 小时前
😝 5 亿次循环卡死页面?我用 Web Worker 把它扔进后台线程,页面丝滑如初
前端·javascript
CAD老兵12 小时前
一行代码集成 DWG/DXF 图纸查看:测量批注,数据不出站
前端·javascript·github
小林ixn12 小时前
单例模式:从弹窗管理到全局状态,一个模式搞定
前端·javascript·设计模式
AI编程实验室12 小时前
Node.js Agent Handoff 仓库扫描 MVP:忽略规则、include 通配与稳定输出实现
前端·ai编程
猫不易12 小时前
从 Virtual DOM 到 Vapor:Vue 3.6 的另一条路
前端·vue.js
小林ixn13 小时前
在浏览器里跑 DeepSeek-R1:WebGPU + Transformers.js 实战
react.js·llm·浏览器
光影少年13 小时前
react navite性能优化 & 常见坑
前端·react native·掘金·金石计划