Is there a way to update outer formData from within a custom widget ?

Prerequisites

• I have read the documentation;
• In the case of a bug report, I understand that providing a SSCCE example is tremendously useful to the maintainers.
• Ideally, I’m providing a sample JSFiddle or a shared playground link demonstrating the issue.

Description

Right now, a widget can update only the field it’s associated with, using prop.onChange. I have a case, where one of the widgets is actually a google autocomplete address. This, requires emit or modify the formData, so that other fields such as city, state, zip can also be updated in formData; and thus, to make the widgets associated with them pick the relevant formData update, and fill in the value.

Version

Latest ^1.2.0

[KKS1]

Hi @OleksiL , here is a glimpse:

1. Use uiSchema

uiSchema = {
      ......,
      'addressFieldName': {
         'ui:field': 'address'
      },      
....
}

where we have also, provided our RJSF Form, a set of custom fields and widgets that you want to register. E.g. in this case (simplified version)

const customFields = {
       ....,
       address: CustomAddress, // (this is your custom Address Field component, which will be registered within Form as `address` field),
       ...
}

Then,

<Form 
   fields={customFields}
   .....
   >

1. For schema now, this will look like

schema = {
  ...,
 addressFieldName: {
   type: 'object',
   title: ' ',
   properties: {
     city: {
        type: 'string'
    },
    zip: {
        type: 'string'
    } 
  },
  ....
}

1. formData will then contain an object addressFieldName which will then have city and zip strings underneath.

Hope it helps, cheers!

– kks1

[epicfaace]

Closing this issue, but feel free to repoen it if you have any additional questions!