react-jsonschema-form 生成数据答案

【问题标题】：react-jsonschema-form generate with datareact-jsonschema-form 生成数据
【发布时间】：2020-11-10 13:40:23
【问题描述】：

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

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

这里是反应渲染代码：

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

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

【问题讨论】：

标签： javascript jsonschema react-jsonschema-forms

【解决方案1】：

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

您通常希望使用现有数据预先填写表单；这是通过传递与架构匹配的 formData 道具对象来完成的。

【讨论】：

【解决方案2】：

尝试在状态中设置值。然后尝试将这些状态放到每个字段的“默认”属性中。

例如：“年龄”：{ “价值”：“34”， “类型”：“整数”， “格式”：“int32”， “默认”：this.state.formdata.age }

【讨论】：