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

reactjs - 将 react-hook-form `useFieldArray` 与 react-jsonschema-form 集成

我是 React 的新手。目前Backstage不支持ui:ArrayFieldTemplate,所以我编写 customui:field作为解决方法。

我的问题是提交时如何从 react-hook-form 获取最终的数组值。

现场演示

当提交表单得到undefined而不是最终的数组值时

欢迎所有建议

0 投票
0 回答
24 浏览

javascript - 如何将 rjsf-antd 主题用于带有 antd 3 版本的 react-json-schema?

主题化@rjsf/antd是一个非常不错的选择。

不幸的是,我们依赖的库已经过时,antd使用的版本是 3.x。

我从以下位置查看了@rjsf/antd主题的版本历史记录:https ://www.npmjs.com/package/@rjsf/antd

先决条件说支持的最低版本是4+

因此,项目运行时中的编译错误为:

未找到模块:错误:

无法解析“/Users/xyz/Documents/web/node_modules/@rjsf/antd/dist/es/templates/FieldTemplate”中的“@ant-design/icons/DeleteOutlined”

有没有一种方法可以让我们不惜一切代价将这个主题与 antd3 版本一起使用,或者在不干扰现有代码库的情况下使用解决方法?

0 投票
0 回答
55 浏览

reactjs - Don't render select options on react-jsonschema-form oneOf, anyOf

are there any ways to hide the select dropdown and implicitly validate when using oneOf, anyOf? Here is my playground sample

My expectation is that it only display "text", "text1", "text2" field with the validate that requires "text" and at least one of "text1" and "text2" without the dropdown at the end.

0 投票
0 回答
18 浏览

fluent-ui - 将 Fluent UI 列管理为 react json 模式表单

我应该在 Fluent UI 中使用 react-jsonschema-form 库实现一个包含 2 列的表单,但我在任何地方都找不到工作示例。有谁知道该怎么做?

我试过这个,但它不起作用。

0 投票
1 回答
23 浏览

javascript - rjsf中数组上的“additionalItems”属性的目的是什么?

我正在研究 rjsf 文档,我additionalItems对 array docs 的部分感到困惑。

以下是文档中的示例代码:

这是官方的codepen

如果删除 ,呈现的表单似乎表现完全相同additionalItems,那么目的是什么?我想它有一个,因为它在文档中明确提出,但我无法弄清楚:)

0 投票
0 回答
22 浏览

reactjs - 是否可以将标签添加到 rjsf `oneOf` 控制选择?

让我们以oneOf rjsf docs 中的默认示例为例

官方codepen演示在这里

是否可以为在项目之间切换的选择添加标签oneOf

图解

0 投票
0 回答
12 浏览

react-jsonschema-forms - react-jsonschema-form - 如何以项目数组形式设置 onchange 值

选择客户更改然后加载客户名称

下一个数组在这里自动设置我的代码集示例 e.schema.properties.jrnlentrydebitdetails.items.properties.jrnlentryaccountiddb["enum"] = keys; e.schema.properties.jrnlentrydebitdetails.items.properties.jrnlentryaccountiddb["enumNames"] = 值;如何设置数组的位置获取或键

0 投票
0 回答
10 浏览

react-jsonschema-forms - 是否有与 react-jsonschema-form 等效的 Java 支持的 API?

给定一个 JSONSchema 和一个 UISchema,是否有一个等效的后端库来执行所有这些表单验证?

我们目前使用Json-schemaJava 中的库作为后端。我们在将此 JSON 验证器用于动态下拉类型架构表单时遇到问题(其中 1 个下拉选择将动态引入其他下拉选择)。

我们无法获得与 react-jsonschema-forms 相同的验证错误。

0 投票
0 回答
13 浏览

reactjs - 如何正确预选相关的 rjsf `anyOf` 项目
挂载,基于“formData”?

我正在使用保存formData到服务器的 rjsf 表单。稍后,用户可以打开相同的表单,它应该会填充之前保存的formData. 但是,在重新填充安装时,我无法选择正确的oneOf/选项。anyOfForm

例如,使用以下代码,我希望second anyOf在安装时预先选择该选项Form

Codesandbox 演示在这里

疯狂的是,上面提到的代码实际上在我们的项目(CRA 应用程序)中按我想要的方式工作,但我无法在其他任何地方复制这种行为!也就是说,在我的项目中,该second选项确实被预填充,但是当我在新的 CRA 应用程序或 Codesandbox 中尝试它时,第二个选项没有被预选。

所以我有两个问题:
  1. 它怎么可能在我的项目(CRA 应用程序)中工作,但似乎没有其他地方?什么可能导致这种绝望?和的匹配版本rjsfReact不能消除它。
  2. 达到我想要的效果的正确方法是什么?

关于item物业

它是一种用于明确区分不同项目的属性(例如,当两个项目否则将具有相同的属性或根本没有属性时)。它应该用 uiSchema 隐藏(但我在示例中没有这样做以使其更简单)。

我在我正在处理的项目中发现了这种模式,其他开发人员也在使用它。但即使删除它,结果也是一样的(在这个特定示例中):预选在我的项目中有效,但在沙盒或干净的 CRA 项目中无效。