2

感谢您阅读我的问题。

我在我的反应应用程序中使用FormIO来呈现表单构建器。我需要将可用于拖放的组件限制为仅某些组件——就像这个官方 FormIO 文档所说的那样:https ://formio.github.io/formio.js/app/examples/custombuilder.html

这是我的表单生成器选项组件:

 import { FormBuilder } from 'react-formio'

 <FormBuilder
      form={{ display: 'form' }}
      onChange={schema => setSchema(schema)}
       options={{
        builder: {
          layout: false,
          premium: false,
          basic: {
            default: true,
            components: {
              password: false,
              radio: false,
              button: false,
            },
          },
          advanced: {
            default: true,
            components: {
              signature: false,
            },
          },
        },
      }}
    />

如您所见,我想删除: layout,以及andpremium的部分。我的意思是保留该部分的所有组件,但添加更多的中断。使用此选项对象,表单构建器会隐藏特定的请求字段,但当您尝试展开组件部分(如数据)时,此错误会出现在控制台上并且您无法展开:basicadvanceddatadata: true

Warning: unstable_flushDiscreteUpdates: Cannot flush updates when React is already rendering.

当您尝试拖放组件以使您的表单应用程序崩溃并出现其他错误时:

Uncaught TypeError: Failed to execute 'elementFromPoint' on 'Document': The provided double value is non-finite.

我究竟做错了什么?

4

0 回答 0