x6的UI组件怎么编辑画布啊？

[snowrain0722]

如下代码所示：

我只看到官网找到的UI组件使用的例子，但是怎么编辑画布，没有一个例子是展示的，想做思维导图需求，不知道从哪个方法入手，求大佬们给个方法。

import { useState } from 'react';
import MindToolbar from '@/components/Toolbar';
import Mind from '@/components/Mind';

export default function Index() {

  const [event, setEvent] = useState<string>();

  const onClick = (name: string) => {
    setEvent(name);
  };

  const handleSave = () => {
    console.log('保存事件已执行!');
  };

  return [
    // 工具栏组件的选项name传到下面第二个画布组件中，画布怎么配置使用工具栏(UI组件)？
    <MindToolbar onClick={onClick} handleSave={handleSave} />,
    <Mind event={event} />
  ]
};