如何将 Go.js 的平面图与 React.js 集成答案

【问题标题】：How to integrate Go.js's floorplan with React.js如何将 Go.js 的平面图与 React.js 集成
【发布时间】：2020-06-22 05:30:40
【问题描述】：

我想创建一个 react 项目，允许用户注释平面图，这要归功于 Go.js 的平面图，这里是链接 https://gojs.net/latest/projects/floorplanner/FloorPlanner.html。如果您查看该链接并在下方查看，您将看到用于创建平面规划器的脚本。但我不想使用普通 JS 创建平面规划器，而是想使用 React.js。有人可以帮助将 Go.js 的平面规划器与 React 集成吗？

【问题讨论】：

@WalterNorthwoods，请您帮忙）））
@SimonSarris，请您帮忙）））

标签： reactjs gojs

【解决方案1】：

这个问题太模糊，无法简单回答。你应该看看反应示例：https://github.com/NorthwoodsSoftware/gojs-react

并根据自己的喜好进行修改。这可能涉及获取所有平面规划器示例的大部分内容，但如果您没有使用 GoJS 的实践，那么在任何集成之前花时间学习示例中涉及的所有内容可能是值得的。

【讨论】：

hi Simon)) 是的，我已经访问了你提供的链接，你可以杀了我，但我从什么开始：D，也就是说，好的，我已经安装了 gojs-react 并使用了提供的代码在您提供的 gojs-react 网站中。但是，我看到了带箭头的盒子。但我想将 floorplanner 集成到 React 中。好的，然后我打开 floorplan.js 并看到一大堆代码）））这让我迷失了方向。因此，请您给个提示，因为我承认，我不知道将 floorplan.js 的代码转换为 React 代码））
或者你推荐使用带有 floorplanner 的 vanilla js 而不是 React？
平面规划器示例只是几个 GoJS 模板、设置和自定义工具封装在一个演示中。这是一个很大的样本。如果您将其用作制作自己的平面图的指南，可能会更好。我们还有一些较小的样本，这些样本具有类似平面图的元素，在您刚开始时更容易学习：gojs.net/latest/samples/planogram.html
好的，Simon，我可以使用 gojs-react 将货架图和其他适当的图表（如乐高积木）一一集成到 React 中吗？