我正在使用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}
/>