@ figspec/ 反应

约束 @figspec/components。 。 。 .

安装

# npm
$ npm i @figspec/react

# Yarn
$ yarn add @figspec/react

# pnpm
$ pnpm add @figspec/react

使用量

见文件 @figspec/components。 。 。 .

此绑定可以让您通过 React 组件道具使用 CustomElement 属性 . 您不需要使用 kebab 大小写属性 : camel: dash:

import { FigspecViewer } from "@figspec/react";

const logSelectedNode = (ev) => {
  console.log(ev.detail.selectedNode);
};

<FigspecFrameViewer
  nodes={nodes}
  renderedImage={renderedImage}
  zoomMargin={200}
  onNodeSelect={logSelectedNode}
/>;