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

npm i react-xarrows

基本使用

<Xarrow start="box1" end="box2" />
<Xarrow start="box2" end="box3" />

基本属性

<Xarrowstart="box1"end="box2"headSize={4} // 箭头大小strokeWidth={2} // 线宽color="#589AFE" // 颜色dashness={true} // 虚线
/>