问题标签 [react-jsonschema-forms]

updown 小部件架构与示例Playground 的架构完全匹配，但与 Playground 不同的是，我可以将值降低到最小值以下。什么地方出了错？

是否有可能使用 https://github.com/rjsf-team/react-jsonschema-form创建多列表单

我正在使用材质ui。

我正在使用带有NJsonSchema的 react-jsonschema-form生成器。提交表单后，我记录 json 输出，我想随时使用表单对提交的数据进行编辑。但是我之前找不到用提交的数据创建表单的方法。在尝试了一些 json 模式更新后，我意识到 json 中的值键不是用于填充输入。

这是反应渲染代码：

有没有办法在创建表单时用 json 数据填充输入。

我正在使用 react-jsonschema-form 动态生成表单字段。我正在使用它在表单中仅生成几个附加字段。因此我没有在 react-jsonschema-form 中使用提交功能。相反，我也使用我的表单提交生成的字段值。

我正在使用这个状态钩子来存储更新属性的值

我想要做的是从 react-jsonschema-form 中的 onChange 更新附加数据的值。

但我无法从事件中获取更新字段值。有人可以帮我弄这个吗。

描述

我尝试了 react-jsonschema-form。对于我的任务，我想使用用户可以上传的默认值，这样他就不需要再次填写整个表单。我认为最简单的方法是将一些 formData 作为 json 上传，然后将其插入表单中。

重现步骤

1. 打开js小提琴：https ://jsfiddle.net/s056ceq8/33/
2. 在相应字段中输入名称。
3. 提交数据。您将下载一个 hello_world.json 文件
4. 上传 hello_world.json 文件

如果我上传数据，表单应该更新并显示上传数据的内容。

我可以上传数据并且formData的内容会发生变化。但表单只有空字段。

我正在使用React JsonSchema Form创建一个多步骤表单。每次单击页面上的下一步按钮并最后提交时，我都想更新我的状态。React JsonSchema Form 仅在按钮类型为提交时验证条目。所以我的下一步按钮是提交按钮。

由于表单会有多个问题，我的状态是对象数组。由于 useState 的异步特性，我更新的状态值不容易保存到后端。我应该如何获得最终值？

当我调试时，我可以看到直到上一步的数据。有没有办法让 useState 表现得像同步调用？

这是完整的代码：

我正在使用react-jsonschema- form 在 React 中构建多步骤表单。要求之一是对布尔字段使用material-ui Toggle Buttons。我能够创建一个自定义字段，但不确定在这种情况下验证是如何工作的。即使在选择了一个值后，我也会收到布尔值所需的验证消息。

这是自定义字段代码：

架构：

uiSchema：

领域：

如何将此字段中的值添加到 formData 以便进行验证？

TLDR：我需要自定义 JSON 表单提供的默认错误消息。例如，如果字段是requiredJSON 形式，则给出错误is a required property，我希望它返回错误消息文本，例如Invalid input....

我创建了一个带有类似模式的JSON 表单

现在我使用了这个模式和一个 UI 模式来创建一个 JSON 表单

上面的 JSON 表单呈现一个 UI 表单，当字段为空时会给出标准错误消息，例如is a required property，现在我需要用我自己的自定义消息覆盖，为此目的https://github.com/ajv-validator/ajv-errors发现errorMessage在我的模式中有用并添加了属性，required键具有我的自定义消息，我也require('ajv-errors')(ajv);根据需要添加了它，但我仍然收到默认错误消息，而不是我用 in 覆盖的错误消息errorMessage。

我在这里错过了什么吗？或者我可以通过其他方式覆盖默认消息。此外，required我还将进行很多验证minLength，例如maxLength等，我可能必须覆盖其默认消息。

此外，我期待架构中有很多其他属性，因此添加errorMessage每个属性可能不是很有效，但如果这是我必须采用的唯一解决方案:)

所以我正在尝试使用 react-JSON schema-form 游乐场创建一个 JSON 模式以进行反应我无法找到将两个 TextArea 并排放在同一行中的方法，我现在可以像这样生成，
我需要要生成这样的东西 ，请参考所附链接中的图像，任何帮助将不胜感激

我正在尝试编写一个显示两个下拉列表的示例：一个用于国家/地区，一个用于相关州/省。当您在第一个下拉列表中选择一个国家时，第二个下拉列表的值应更新为仅显示所选国家的省/州。通常这是使用某种 Ajax 调用来完成的，但在这种情况下，要求是纯粹使用 react-jsonschema-form 来尝试。这真的可能吗？我见过几个使用依赖项/引用的例子，但没有一个能解决这个特定的场景。

到目前为止，我想出了这个：https ://codesandbox.io/s/fervent-cherry-lokjk?file=/src/App.js

它基本上可以呈现国家下拉列表和州/省下拉列表。选择国家/地区时，相应的州/省下拉列表会使用新的枚举值集正确更新。

但是，使用这种方法，表单将提交一个名为“currentCountry”的字段，其中包含两个属性，国家和省

但当然想法是将“国家”和“省”作为两个不同的表单字段提交，而无需包装。

那么，有谁知道如何实现这个典型的用例？有没有使用 JSON 模式的最佳方法？

也许必须编写自定义小部件？（如果可能的话，我想避免这种情况）

提前致谢 ！