@logicflow/react-node-registry

LogicFlow Shape for rendering React components.

Installation

此包将 React 组件桥接到 LogicFlow 节点系统，@logicflow/core、react、react-dom 需要由使用方显式提供。

npm install @logicflow/core @logicflow/react-node-registry react react-dom

or

yarn add @logicflow/core @logicflow/react-node-registry react react-dom

or

pnpm add @logicflow/core @logicflow/react-node-registry react react-dom

Usage

用户自定义 React 节点 CustomReactComp

我们需要将该内容注册到某个地方

1. 如果基于默认的 HTML 节点，只是调整节点里面的内容，

register({
  type: 'custom-react-shape',
  view: ReactComponent,
  model: ReactNodeModel,
}, lf)

1. 注册节点
2. view 为 React 组件（基于 HTMLNode 自定义）
3. model 为节点数据模型