javascript - react-jsonschema-form 生成数据

Question

我正在使用带有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 数据填充输入。

Answer 1

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

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

Answer 2

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

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