typescript - How can I change the default widget for a type/format in react-jsonschema-forms

Question

I want react-jsonschema-forms (rjsf) to render a custom widget for each {type: 'string', format: 'duration'} field and an other one for {type: 'number', format: 'currency'}.

With react-jsonschema-forms (rjsf) as I can overwrite/exchange the Widgets used by the form as documented:

    const widgets = {'TextWidget': MyFanycTextWidget}
    return <Form {...props} widgets={widgets} />

But since TextWidget is used for many type/format combinations, this is too much.

I could overwrite the widgets used by using ui:schema, but for that I would have to new the shape of the jsonschemata used in advance (which I do not).

Internally rjsf conatains a niche type/format mapping in widgetMap.

Is there an way to overwrite / monkeypatch / extend this? Or an other aproach?

question from:https://stackoverflow.com/questions/65891781/how-can-i-change-the-default-widget-for-a-type-format-in-react-jsonschema-forms

Answer 1

Waitting for answers