WebDataRock 类型错误：无法读取 null 的属性元素

问题描述

WebDaTarock 类型错误：无法读取 nul 的属性“元素” 和 WebDaTarocks：无法绘制轴心。

问候。

我尝试在我的 react-app 项目中实现 WebDaTarocks，我可以实现 WebDaTarock.Pivot 组件，但自从开始渲染组件后，控制台会打印此消息

webdaTarocks.js:180 未捕获的类型错误：无法读取 null 的属性“元素” 在新电子 (webdaTarocks.js:180) 在 b.setControls (webdaTarocks.js:1006) 在 webdaTarocks.js:992

几秒钟后控制台打印：

index.js:1 WebDaTarocks： 无法绘制轴心。

log4j/log4j/1.2.17/log4j-1.2.17.jar

这是我的回应。

有人可以帮我解决这个问题吗？

谢谢，感谢您的帮助。

解决方法

此错误意味着 WebDataRocks 找不到应在其初始化的 DOM 元素。我尝试了以下 GitHub 示例：https://github.com/WebDataRocks/pivot-react/tree/master/typescript 并且对我来说效果很好。看来你的代码示例也是基于它的。

我对您的建议如下：首先将您的业务逻辑与 WebDataRocks 组件代码分开。这是 vanilla WebDataRocks 和您的 React 应用程序之间的代理代码：https://github.com/WebDataRocks/pivot-react/blob/master/typescript/src/webdatarocks/webdatarocks.react.tsx。您可以将其用作创建自定义 WebDataRocks 可视化的基本组件。因此，应该修改的情况并不多。

以下是客户端代码示例，您可以在其中初始化 WebDataRocks 报告和其他配置：https://github.com/WebDataRocks/pivot-react/blob/master/typescript/src/App.tsx。