问题标签 [react-jsonschema-forms]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
166 浏览

reactjs - debounce react-jsonschema-form 验证函数

我有一个正在使用的功能组件,react-jsonschema-form我需要对它运行的函数进行去抖动以验证自身。该组件看起来像这样:

我尝试过以下方法:

  1. 将 validate 函数包装在 debounce 中:
  1. ...尝试使用参考:
  1. ...尝试使用回调:

1 导致TypeError: Expected a function. Lodash 期待一个没有 args 的函数,就像他们的文档所示:_.debounce(func, [wait=0], [options={}]). 2 和 3 都会导致Uncaught ReferenceError: formData is not defined错误。

任何有关如何解决此问题的建议将不胜感激。

0 投票
1 回答
3176 浏览

javascript - 如何动态更新复选框的 react-json-schema 表单

我有这样的代码

然后将在

然后我有这样的逻辑,level1(选择下拉菜单)将显示董事会职位(CEO、CFO、CMO 和 CTO)如果我们选择 CFO level2(复选框)将更改为(会计经理、财务经理、欺诈经理),如果我们选择 CTO level2 将更改为 (IT Manager, Infra Manager etc)。假设我有后端,并且后端是生成状态。我刚得到状态,需要更新 level2 复选框上的“项目:”。

所以我的问题是当我选择 level1 时如何动态更改 level2 上的“项目:”在我的情况下,我想选择 CFO,level2 复选框将显示三个职位(会计经理、财务经理、欺诈经理等) 在 CFO 部门,然后我只选择会计经理和欺诈经理。

谢谢

0 投票
1 回答
156 浏览

reactjs - 如何将数据传递给新添加的数组元素组件

如何通过 onAddClick 道具将附加数据传递给新添加的数组元素组件?onAddClick: (event) => void: 向数组添加新项目的函数。

文档

我只需要复制项目并使用单击的数据创建新项目。

这就是我删除项目的方式

};

这就是我渲染它们的方式

0 投票
0 回答
148 浏览

reactjs - react__WEBPACK_IMPORTED_MODULE_0___default 没有在简单的 setState 上定义

我正在使用一个名为react-jsonschema-form-conditionals. 我正在使用它的函数,applyRules就像它的文档所说的那样使用它:

let FormWithConditionals = applyRules(schema, uiSchema, rules, Engine)(Form)

但是,当我uiSchema像这样放置一个功能组件时:

我有一个由库内部react-dom引起的错误: 。该库尝试在新状态内部创建一个 setState,但没有这样做。setStatereact__WEBPACK_IMPORTED_MODULE_0__ is not defineduiSchema

我正在使用 react 和 react-dom 16.8.6。

在此处输入图像描述

0 投票
2 回答
497 浏览

reactjs - 使用 react-jsonschema-form 时未定义 React

这里的问题示例:https ://codesandbox.io/s/spike-react-starter-6xkwx

我尝试使用自定义react-jsonschema-formreact-jsonschema-form-conditionals部件:

但是,我一直有一个React not defined或一个_objectWithoutProperties2错误。我想知道你是否可以帮助解决这个问题谢谢

0 投票
0 回答
238 浏览

javascript - 在uiSchema中为复杂对象形成多个组

描述

我正在使用库react-json-schema将 JSON 模式显示为一种形式。

我有一个要求,表单非常大,因此我使用 uiSchema 组来形成选项卡。但是我的属性之一,即对象,包含许多对象。我想将这些子对象进一步分散到选项卡中。

我使用了 #784 中建议的代码。我浏览了 GroupedSchema 代码,它只检查模式的属性,如果给定的字段存在与否。它不会深入嵌套对象内部。

重现步骤

1.一个虚拟模式:

预期行为

我正在尝试获取 A、B、C、DA、DB、DC 的标签

这是codesandbox的链接

0 投票
0 回答
311 浏览

material-ui - react-jsonschema-form:如何为所需的数字属性允许零?

https://rjsf-team.github.io/react-jsonschema-form/上的“数字”示例中,如果我在任何字段中输入 0,则输入将被清除。如果我将字段设为必填,则现在无法提交值为 0 的字段。

我怎样才能拥有一个需要但允许 0 作为值的数字属性?

编辑:我注意到,只有在选择material-ui主题时才会出现问题。

0 投票
1 回答
2564 浏览

reactjs - 以编程方式在 react-jsonschema-forms 中设置默认值

我正在尝试使用 react-jsonschema-form 在我的表单中添加默认值来选择字段。我实现这一点的方法是使用自定义组件。加载自定义组件时,它将onChange使用默认数据调用该函数。我使用它的一个例子是当我有一个我希望今天成为默认值的日期字段时。

如果我只有一个设置默认值的自定义组件,它就可以工作。但是,如果我有多个需要默认值的字段,它就不起作用。我制作了一个小的JSFiddle 来展示这一点。如果您不更改任何内容并按下提交按钮,您会看到仅设置了 date4。

我们通过使用效果并在调用onChange. 这个JSFiddle展示了我们所做的,但我无法让它在 JSFiddle 上工作。

我的问题是,使用 react-jsonschema-form 以编程方式设置默认值的最佳方法是什么?我真的不希望以编程方式修改架构本身。

0 投票
0 回答
20 浏览

json - JSON Schema 属性的属性取决于另一个属性的值

尝试创建以下 JSON 的架构。

“employers”的属性取决于 jobInformation.employers 列表的值。雇主的价值不依赖于任何枚举,可以是随机的。我需要验证雇主的价值是否与 jobInformation.employers 具有相同的属性。

我不明白我怎么能做到这一点。提前致谢。

0 投票
0 回答
581 浏览

reactjs - 我们如何将整个表单数据设置为 reactJS 中的隐藏输入字段值(使用 react-json-schema-forms、react-admin)

我们正在使用 JSON Schema to Form 库将表单嵌入到 reactJS 页面中。我们希望将表单(从 JSON 模式生成)数据设置为输入隐藏值,以便稍后用于传递给服务以将表单值保存在数据库中。

例如,请参阅下图中突出显示的 formData。这需要设置为要传递的值以保存在数据库列中 在此处输入图像描述