javascript - React-jsonschema-form 使用数据生成

标签 javascript jsonschema react-jsonschema-forms

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

 "Age": {
          "value": "34",
          "type": "integer",
          "format": "int32"
        }

这是 react 渲染代码:

 render((
  <Form schema={schemaTest}
        uiSchema={uiSchema}
        onChange={log("changed")}
        onSubmit={log("submitted")}
        onError={log("errors")} />
), document.getElementById("app"));

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

最佳答案

我解决了。 React-jsonschema-form 有 formData 属性。 https://react-jsonschema-form.readthedocs.io/en/latest/api-reference/form-props/#formdata

您通常需要使用现有数据预填写表单;这是通过传递与架构匹配的 formData prop 对象来完成的。

关于javascript - React-jsonschema-form 使用数据生成,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/64770038/

相关文章:

javascript - 显示带有 openlayers 和外部 geojson 文件的简单图标

Javascript 替换 CKEditor 中的所有值

javascript - Svg (snapsvg) 创建一个对话泡泡

java - 如何为树结构创建 JSON Schema?

Json 架构。如何根据另一个属性值验证属性键?

c# - 为 ASP.Net Web API 生成 JSON 模式

reactjs - 我怎样才能使用一个主题来设置所有 material-ui 输入的样式,就好像它们有一个变体 ='outlined' 一样?

javascript - dojo 根据类名切换 div

reactjs - 以编程方式在react-jsonschema-forms中设置默认值

ajv - 我如何覆盖 JSON 形式的默认错误消息文本