@riil-frontend/component-network-topology-viewer v0.0.10-alpha.1

TopoView

• category: Components
• family: Util
• chinese: 拓扑组件
• type: 业务

展示与编辑拓扑图。

安装

npm install @riil-frontend/component-topology-graph --save

使用

import TopoView from '@riil-frontend/component-topology-graph';

<TopoView
  data={DATA}
  onEvent={EVENT_HANDLER}
/>

方法

为满足组件使用者主动触发组件功能的需要，拓扑组件对外开放了一些函数。使用者可通过React Ref的方式获取组件的实例，进而调用开放的方法：

import TopoView from '@riil-frontend/component-topology-graph';

const ref = useRef();

// In effects, event handler, etc.
ref.current.emitEvent(event); // Call exposed APIs

<TopoView
  ref={ref}
  data={DATA}
  onEvent={EVENT_HANDLER}
/>