问题标签 [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 回答
384 浏览

reactjs - 使用 JSON Schema Form (Retool) 通过“Unique Select”进行多选输入

Retool with JSON Schema Form中,我尝试进行多项选择输入,该输入无法选择已选择的选项(表示唯一选择),但我可以做的是可以选择已选择的选项(表示唯一选择)的选项,如下所示.

如下图,我可以选择已经选择的选项“English”,所以“English”被选中了两次。换句话说,即使我已经为第一个多选输入选择了“English”(意味着ununique select ),我仍然可以为第二个多选输入选择 English” :

在此处输入图像描述

这是JSON 模式

但是,我真正想要的是“唯一选择”,而不是像上面那样的唯一选择” ,它不能选择已经选择的选项,如下所示:

在此处输入图像描述

有什么方法可以进行无法选择已选择选项的多选输入(意味着唯一选择)?

0 投票
1 回答
109 浏览

javascript - 将 JSON Schema Form 中的图像上传到 GCS,但图像未显示在 GCS 上(Retool)

我在Retool上使用JSON Schema Form将图像上传到云存储

在此处输入图像描述

这是 JSON 模式:

这是我上传的图片:

在此处输入图像描述

然后,我可以使用查询设置成功上传图像:

在此处输入图像描述

这是上传到云存储上的图片:

在此处输入图像描述

但是,在云存储上,打开图片的“对象详情”时,并没有显示图片:

在此处输入图像描述

此外,当打开图片的Authenticated URL时,图片也没有显示:

在此处输入图像描述

我所做的有什么遗漏吗?

0 投票
3 回答
327 浏览

reactjs - 使用 JSON Schema Form (Retool) 输入多个文件

Retool 上,我正在使用JSON Schema Form输入多个文件,然后,我尝试了从本网站react-jsonschema-form输入多个文件的示例,但是多个文件输入不需要多个文件,它只需要一个文件

在此处输入图像描述

这是从react-jsonschema-form输入的多个文件的 JSON Schema :

有什么问题吗?或者有什么方法可以输入多个文件?

0 投票
0 回答
104 浏览

reactjs - 有没有办法使用 react-jsonschema-form 将枚举值之一设为强制?

我有以下问题,其中选项 a 必须是强制性的,而选项 b 是可选的。

你住在哪里?一个。地球 // 用户必须选择这个 b。Mars // 用户可以选择也可以不选择

它的架构如下:

react-jsonschema-form 有没有办法将选项“地球”作为必填字段或必填字段。

0 投票
0 回答
35 浏览

reactjs - 添加基于 react json 模式表单下拉选择的属性

我的架构:

当我选择类型下拉列表时,我想在 typeSelectorDef 中添加属性。就是这样

当 onchange 事件在表单中被触发时,我为在对象中添加属性做了定义黑客

我怎样才能更干净地编写代码?

0 投票
1 回答
119 浏览

reactjs - 带有打字稿的rjsf,我如何在onSubmit处理程序中访问formData和事件

我正在尝试使用反应 json 模式表单提交表单。我需要访问事件对象才能使用 e.preventDefault()。我对打字稿很陌生,似乎找不到使用打字稿访问“事件”的方法。如果没有打字稿,它只会是这样。

任何有关我如何做到这一点的帮助将不胜感激。

0 投票
0 回答
68 浏览

reactjs - 基于 React 的 Web 表单构建器 UI,提供工作流(多页表单)

我熟悉react-jsonschema-form,但我正在寻找的不止于此。

我需要的是能够指定多页表单和这些表单之间的工作流(即条件逻辑、子流、前进和后退进程)的能力,也许是在 JSON 中。

那里肯定有很多表单构建器,包括免费的和商业的,但到目前为止,我还没有找到我想要的东西。

有什么想法或者您知道适合我需要的库或产品吗?

0 投票
2 回答
120 浏览

jsonschema - JSON Schema 嵌套依赖

我想根据选中的复选框有条件地呈现输入字段。

此复选框是嵌套的,我不知道如何访问它。

我得到了这个工作:

这里的例子

现在,如果依赖项像这样嵌套怎么办?:

如您所见:我已尝试访问它,但无法正确识别。我将如何解决这个问题?这甚至可能吗?

JSON Scheme Validator说它是有效的

0 投票
0 回答
50 浏览

json - JSON Schema - 如果数组具有特定值,则有条件地显示字符串

我正在尝试使用 JSON 模式在 ReTool 中创建 JSON 格式。
该表单包含一个多选复选框,具有以下值:
["kick-scooter", "bike", "e-bike", "moped", "car"]

根据选择,应该可以看到一个字符串输入字段以输入其他信息。因此,如果选择了自行车和轻便摩托车,这两个字段应该是可见的,其余的字段是不可见的。

我想出了以下 JSON Schema,但它没有产生预期的结果:

但是,如果我使用oneOf而不是allOf,它会按预期工作(for oneOf),这意味着如果只选择了自行车或只选择了滑板车,则会显示相应的输入字段。

我已经尝试了许多类似的变体,但这个变体似乎与我自己能得到的一样接近,因此非常感谢任何输入和/或建议。

0 投票
0 回答
52 浏览

jsonschema - 如何根据 React Json 模式中下拉字段中的特定值要求字段

如何根据从另一个字段中选择的值有条件地要求或取消要求一个字段?

目标:

  • 如果选择的国家/地区是葡萄牙或越南,则需要“输入代码”字段
  • 否则,不需要“输入代码”字段

这是一个嵌套模式形式:

这是一个工作代码,但我收到 2 个额外的验证错误 https://codesandbox.io/s/react-json-schema-require-field-based-on-another-field-selection-bbgrh?file=/src /index.js

  • .myGroup 不应该是有效的
  • .myGroup 应该与 oneOf 中的一个模式完全匹配

在此处输入图像描述