如何使用react-jsonschema-form使用自定义表单输入?

时间:2019-07-17 13:56:36

标签: react-jsonschema-forms

我正在使用react-jsonschema-form构建我的表单。我需要为表单的一个字段使用自定义的React Component Input,而不是普通的文本输入。如何在react-jsonschema-form中使用自定义的React Component Input?

我了解到uiSchema可能对我的请求有帮助,但只是不知道如何使用

我尝试了这些代码:

const schema = {
  "type": "object",
  "properties": {
    "FORM_VALUE": {
      "title": "config",
      "type": "object",
      "properties": {
        "myField": {
          "type": "string",
          "title": "myField",
          "default": "hello world"
        }
      }
    }
  }
}

  const uiSchema = {
      'ui:myComp': (props) => {
        return (
          <MyComp
            value={props.value}
            handleSelect={(value) => {
              props.onChange(value);
            }}
          />
        );
      }
    };

<JSONSchemaForm
    className="static-form"
    schema={schema}
    formData={formData}
    onChange={this.onSchemaFormChange(pane.strategyId)}
    uiSchema={uiSchema}
  />

0 个答案:

没有答案