问题标签 [react-jsonschema-forms]

我有一个 JSON 模式（v7.0），我需要确保列出的属性准确地出现在最终的 formData 中。

在大多数情况下，这可以使用"additionalProperties": falseand来解决"minProperties": X，其中 X 表示对象中的 #properties（由this solution 提供）

但是，在某些情况下，属性的数量是可变的。

在下面的示例中就是这种情况，在“同步”中选择“手动更新”（枚举 2）可能会导致添加字段“manual_date”。当“sync”设置为“Manual update”时，需要“manual_date”属性——否则不需要。

我尝试通过依赖项下的“必需”语句来实现这一点，但我认为这是错误的，因为我在通过验证器测试它时收到了一些非常广泛的错误消息。

简而言之：我正在寻找正确的方法来制作我的 JSON 模式中所需的枚举相关字段。

我的架构：

我正在使用 react-jsonschema-form 开发 FORM。尝试通过模式对象添加多个按钮，但无法添加。

我可以添加内部标签，但是根据我的要求，如果我们想有条件地处理多种表单，则需要添加不同的按钮，因为有任何特定的方法可以在模式对象中添加按钮。

在 react-jsonschema-form 中，什么 uiSchema 将表单上的所有布尔值更改为显示为单选按钮？

我正在构建一个自定义表单，我已经成功地能够在运行时将新字段添加到表单中：

key字段 id在哪里，Options可以通过 Mobx 观察到

在表单中，我通过 Mobx 使用可观察模式来更新schema.properties

像这样的东西：

虽然可以通过这种方式添加新字段，但是我无法删除它们，我的尝试是这样的：

我可以看到字段 id 已删除，但未从 DOM 中删除

任何想法？添加后如何删除字段？

When using ui:widget the field will not change the formData of the form, unlike when not using ui:widget any change in the field will be seen in the formData when the form is submitted.

Shall I change the formData of the form manually when the field text changes? if so, is there an example to do so?

Steps to Reproduce

1. Create the class that represent the custom UI, and use the following for render:

return ( <div > {this.props.children}
</div> )

2. Add to the schema.properties "City": {type: "string", title:"City"}
3. Add to the schema.properties "City": { "ui:widget": DefaultInput, classNames: "col-md-4"}

Where City is the name of the custom component. and DefaultInput is the class that represent the custom ui of field.

To see the value of the custom text field when submit the form: onSubmit = ({formData}) => console.log(formData);

What I see is: {City: undefined}

Any idea?

我正在使用 react-jsonschema-form 创建一个表单。单个组件显示正常，但阵列组件连续出现。如何使它们连续出现一个数组对象，以便每次单击 Add button 时，新的数组对象都会呈现在新行中。代码如下：

表格代码如下：

如下图所示 Array XYZ 对象是固定宽度并彼此相邻显示。我希望它们全宽和新行中的每个对象。我正在使用 React 和 Bootstrap4 很多时候我什至必须通过单击加号按钮来添加第一个对象。我希望第一个对象自己出现。请让我知道我该如何解决。谢谢

我正在尝试使用 JsonSchema-Form 组件，但是在尝试创建表单时遇到了问题，在第一个下拉列表中选择一个选项后，应该会出现一个辅助下拉列表，并为用户提供不同的选项集取决于他通过 API 调用在第一个下拉菜单中选择的内容。

问题是，在分别阅读了此处和此处找到的文档和一些示例之后，我仍然不知道如何参考我在第一个选项中选择的任何内容来影响第二个下拉列表。这是我现在拥有的一个例子：

应该通过 api 调用在第一个和第二个下拉列表中显示的 Jsons 信息：

如果用户选择第一组，那么我必须使用以下 api 调用来获取用户类型，这让我得到了 USER json。

调用JSonChemaForm的组件

架构文件内容：

我不太确定如何进行此操作，也不确定如何使用 Onchange 方法来做我想做的事。

我曾经在我的项目中使用jsonform，但现在我迁移到 react，所以我使用这个库（react-jsonschema-form）。在 jsonform 中，我可以在表单部分中有一些不在模式中的字段集。像这样 ：

你可以在jsonschema 游乐场测试它。请帮助我在react-jsonschema-form中执行类似上述代码的操作。我怎样才能有一些不在模式中但我想在 uiSchema 中显示它们的字段？

react-jsonschema-form 也有一个游乐场。您可以找到一个名为“日期”的字段。它在 uiSchema 中添加，但在 schema 部分中不存在。结果中也没有显示该字段。我不知道如果它不存在他们为什么要使用它！！！！

谢谢。

我有一个简单的模式来生成表单。当鼠标悬停时，我想对字段执行一些操作。但我不知道如何将鼠标添加到所有字段。通过阅读文档，我发现表单字段有一些事件。- 表单域模糊事件 - 表单域焦点事件 虽然没有任何示例。请帮助我了解在哪里可以设置鼠标悬停事件？这是我的架构：

这是我显示生成表单的组件：

如何为所有元素设置鼠标？我非常感谢您能提供的任何帮助。

我们有一个包含字段的 json 模式，我们希望通过模式控制其值（而不是让用户指定值）。

我们可以设置一个默认值——但这只是被用户解析的 formData 覆盖。

有没有办法将字段值“锁定”为模式中提供的默认值，确保 formData 使用模式指定的值进行更新？