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

reactjs - 将 react-jsonschema-form 更新为 bs4

我正在尝试将我的 React 应用程序从使用 react-jsonschema-form 更新为 react-jsonschema-form-b​​s4,并希望它只需要简单地更新引导版本。该应用程序加载并运行正常,但现在样式未按原样显示。例如,按钮不再显示图标,因此很难分辨它们的作用。

所以,我的问题是:更改引导程序版本是否应该是一件简单的事情,并且一切都应该像以前一样工作,还是我需要知道引导程序版本之间的差异并对我的程序/UIScheme 等进行进一步更新?

这是我的测试 React 程序:

0 投票
2 回答
348 浏览

reactjs - 阻止 Google 自动填充用反应表单上的现有值覆盖字段

我有一个简单的反应形式,它存在于模态中。例如,如果用户要对电子邮件字段使用自动填充,它会更新其他字段,包括我已经填写的字段。这将导致用户提交数据,而不知道视图中的字段已更新。

我已经在非反应表单中对此进行了测试,并且 Google 自动填充工作正常,因为它不会覆盖字段中的现有值。但是在反应中,假设我插入了 firstname = john,然后在电子邮件上使用自动填充......它会超过“约翰”并使用保存在自动填充中的任何内容。

有人知道解决这个问题的方法吗?我不会关闭自动完成功能,因为我仍然希望用户具有该功能,无论如何我已经尝试了 autocomplete=off 的变体,如其他地方建议的那样,但仍然没有结果

0 投票
2 回答
3135 浏览

jsonschema - 检查单选按钮后,如何启用 jsonschema 中的所有复选框?

好的。我有一个如下的 jsonschema。当单选按钮“YES”被标记时,我试图让所有项目(颜色 - 复选框)默认单击。相反,如果单击“否”按钮,则所有颜色都将被取消选中。

JsonSchema

UISchema

我正在页面https://mozilla-services.github.io/react-jsonschema-form/#上练习它,但我的尝试都没有按照我上面描述的那样工作......

我想,我可以用“default:”关键字来制作它并将所有值放入其中-> JsonSchema 有效,但它不起作用。

有人可以帮我吗?

0 投票
1 回答
109 浏览

javascript - Javascript异步值不会传递给下一个函数调用

我有这个 onChange 方法及其下面的 React-Jsonschema-Form 相关函数调用。我面临的问题是,传递给 computeValueByFormula 时的 newFormData 没有传递异步值。

我想要完成的是根据用户在表单上的输入来查找一个值。假设我在数据库上有货币表,每当用户更改货币名称的下拉选择时,另一个应该保存货币汇率的字段将执行服务器调用以从数据库中获取相关的货币数据。

该字段将在架构上有一个查找字段。与对其进行数学计算的字段相同,将在架构上具有公式字段。

在服务器调用之后,它会以某种方式更新其他地方的 formData,但是传递给 computeValueByFormula 的 formData 不会更新。即使我在没有展开运算符的情况下直接传递它。

这在表单上给了我一个空白字段,而在 formData 我有值。

注意:评估数组字段项所需的函数的递归形式。

0 投票
2 回答
5337 浏览

reactjs - 自定义样式到使用 react-json 模式表单创建的表单

我正在尝试使用 react-json schema-form 创建一个表单。我是自定义模板的新手。我想将表单中的所有小部件放在一行中。怎么做 ?

我尝试了以下(组件),它来自他们网站的自定义对象,但无法获得所需的结果。

我不知道如何制作输入字段、选择小部件以及同一行中的按钮。到目前为止,它看起来就像一个接一个的默认形式。

0 投票
1 回答
1220 浏览

react-jsonschema-forms - 在 React-JsonSchema-Form 中从表单字段的开头和结尾修剪空格

我正在使用 react-jsonschema-form 1.2.1 来构建基于 JsonSchema (v7) 的表单。当用户在表单上按下提交时,我想自动修剪某些文本框输入字段的前导和尾随空格。由于表单完全由<Form>react-jsonschema-form 模块的元素呈现,我不知道如何使用 JavaScript 代码做到这一点。

react-jsonschema-form 有修剪功能吗?

提前致谢!

0 投票
1 回答
834 浏览

javascript - 使用 anyOf 查看对象名称?

我在这里有一个模式,我想在其中有一个下拉菜单,以选择一个选项,然后从那里 - 根据选择不同的选项出现;所有都嵌套在一个数组中以具有多个。

我注意到,当我填写虚拟数据时,输出 json 没有存储所选选项的名称

所以 data.json 看起来像这样:

如您所见,没有对象可以将这两个不同的项目包装在 page1 数组中 - 理想情况下会像这样:

有没有办法做到这一点?我查看了 AnyOf 的文档,但运气不佳。React-JsonSchema-Forms 相当新。

以下是我当前的架构:

如果有助于理解我的问题,还可以链接到在线模式编辑器

0 投票
0 回答
613 浏览

javascript - 使用按钮清除单个表单字段/小部件数据

有没有办法使用 react-json-schema-form 清除表单字段/小部件数据?

这是反应 json 模式的链接 - reactJsonSchema

reactJsonSchemaPlayGround

0 投票
1 回答
1071 浏览

reactjs - 无法使用 react-jsonschema-form-extras 创建 React 表表单

我正在尝试使用 react-jsonschema-form-extras 将 React 表单显示为表格并收到以下错误:

我正在使用 react-jsonschema-form 和 react-jsonschema-form-extras 创建一个 React 表单。除了 ""ui:field": "table"" 之外,所有功能对我来说都很完美。 请参阅 GitHub 文档。

根据文档,您可以使用 table 而无需任何额外的预定义配置。我还尝试定义表列:

导致以下错误:

0 投票
1 回答
231 浏览

javascript - 兑换使用带有回调函数的 Hooks

我正在尝试转换Class ComponentStateless Functional Component使用React Hooks概念

我正在使用react-jsonschema-form-Custom field components 参考链接

我正在像这样转换上面的代码。

我认为它会引发错误,我需要使用 React.useEffect(),但不知道如何实现它。请任何反应专家支持。

index.js:1375 警告:来自 useState() 和 useReducer() Hooks 的状态更新不支持第二个回调参数。要在渲染后执行副作用,请在组件主体中使用 useEffect() 声明它。