问题标签 [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 投票
2 回答
359 浏览

reactjs - 如何使用 @testing-library/user-event 测试 react-jsonschema-form 组件

我什至无法为react jsonschema form编写最简单的测试。因为对输入元素的更改似乎没有反映在 dom 中。

给定一个像这样的最小形式:

一个最小的测试看起来像

(在Codesandbox完成示例。)

在表单字段中键入后,文本First task aaa应替换为567890。不幸的是,事实并非如此。input.value保持价值First task aaa

我尝试了许多触发事件的变体并等待结果,但输入元素的值始终保持不变。

我缺少什么来测试<MyForm />组件?对我来说似乎很标准。

0 投票
1 回答
447 浏览

css - react-jsonschema-form 折叠我的数组表单的大小并切断按钮

我已经开始在 react-jsonschema-form 中构建一个表单,并且在视觉上更改它时遇到了很多困难。该表单是一个数组,它有一个按钮来添加和删除一组输入框。我已经将它构建为一个测试项目中的组件,到目前为止还没有应用 css。

表单将呈现为一个没有按钮空间的小盒子(它们被切断,如下图所示)。

单个元素

第二个元素

它应该如何看待 react-jsonschema-form 游乐场

我的数组和示例数组之间的一个关键区别是每个数组元素有两个文本输入元素。我不知道这是否会导致它。我确实需要有两个输入值作为一组相关的数据,并且两者都是必需的。

这是我的代码:

我没有将 css 应用于以下表单。

我已经花了一天半的时间试图加强这一点,但我真的可以在如何进行时使用一些帮助。

0 投票
0 回答
85 浏览

reactjs - React Json Schema 表单依赖

我正在使用 react json 模式表单,我是新手。当我遇到这种情况时,我在创建 Schema 和 UISchema 时遇到了问题。我有一个布尔问题。根据选择的选项(默认情况下显示是和否)我想显示另一个问题列表。

我怎样才能根据所选值隐藏/显示?

0 投票
0 回答
72 浏览

reactjs - react-jsonschema-form 依赖项正在添加到表单的末尾

我正在尝试使用react-jsonschema-form,我需要做一些依赖,我遇到的问题如下。有条件地呈现的字段被添加到表单的末尾,而不是在调用该条件的字段之后。

但我认为应该在依赖字段之后添加它。

沙箱https://rjsf-team.github.io/react-jsonschema-form/

0 投票
3 回答
512 浏览

reactjs - 在 Reactjs 中解析嵌套的 json

我需要将嵌套的 json(来自 api 的数据)解析为普通的 json(用于创建反应表和可视化),如下所示:

嵌套 json :

到这个 json :

这是我的反应代码:

有人可以帮我解析json数据吗?提前致谢。

0 投票
1 回答
134 浏览

reactjs - 在reactjs中将嵌套的json数据解析为json

我需要将嵌套的 JSON 数据解析为来自 API 的普通 JSON,并且需要将该 JSON 数据传递给反应表(使用 react-table 库),如下所示:

嵌套的 Json 数据:

对于这个 JSON:

下面是代码:

我可以在控制台中看到数据,但无法像上面那样解析 JSON。有人可以帮忙吗?提前致谢

0 投票
0 回答
78 浏览

javascript - 如何以 reactjsonschema 形式更新 schema 和 uiSchema?

我想根据输入下拉列表中的选项选择来更新架构和 uiSchema。我想添加另一个键值,或者在模式和 uiSchema 中可能不止一个,例如

但是当我从下拉列表中选择选项时,我想更新架构和 uiSchema

下拉选项可能有多个字段或小部件

有没有办法通过使用规则或任何其他选项来实现这一点谢谢

0 投票
0 回答
67 浏览

react-jsonschema-forms - 如何在 react-json-schema-form 中反转依赖项

问题是关于 react-jsonschema-form https://github.com/rjsf-team/react-jsonschema-form

以下模式依赖项定义了如果 inputA 具有任何值 inputB 则需要,反之亦然。(双向依赖)

如果 inputB 已填充,我如何归档 inputA 不是强制性的,反之亦然。没有可用的“NOT”运算符。

0 投票
1 回答
85 浏览

react-jsonschema-forms - 多选列表中的动态依赖项?

假设您有一个这样的 JSON 表单模式:

并且您希望这样当用户回答“foods_eaten”问题时,只会出现相关的“x_eaten”问题。例如,如果用户在“food_eaten”下选择“Meats”和“Veggies”,则只会显示“meats_eaten”和“veggies_eaten”。

我已经完成了我能想到的所有模式和属性依赖项的变体,尝试使用 oneOf 和 anyOf,但似乎没有任何效果。我真的很感激一些指示!

0 投票
0 回答
88 浏览

javascript - 有没有办法在使用 onChange 重绘之前获取事件状态?

我正在使用React-Dropzone作为文件上传器。它需要一个onDropAccepted道具。它从 onDrop 返回接受的文件和事件。

我的onDropAccepted功能如下所示。

我的问题是事件在调用 onChange 函数后被重绘,并且没有我要调用的属性来调用requestSubmit。该事件包含 onChange 之前的正确信息。onChange 处理程序来自React-JsonSchema-Form。无法找到实现,但我的表单的实现方式需要该功能。有没有办法维护event.form.requestSubmit()和调用onChange?

提交调用 anonSubmitHandler并运行一些逻辑。我的目标是运行 onChange 函数,然后调用提交。

感谢您的任何建议。