react-jsonschema-form生成数据

问题描述

我正在将 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数据填充输入。

解决方法

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

例如:“年龄”:{ “ value”:“ 34”, “ type”:“整数”, “ format”:“ int32”, “默认”:this.state.formdata.age }

,

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

通常,您会想用现有数据预填充表单;这是通过传递与模式匹配的formData属性对象来完成的。