Could I pass props : value or function callback, to a Widget?

[aman7000]

In v2, I want to pass props to my widgets. These props could be a value or a function callback, the function being in the calling page. How do I pass these props?

[x0k]

UI options, then

  const uiSchema: UiSchema = {
    "ui:options": {
      myOption: "foo"
    }
  }

[aman7000]

I have an object type schema. could i set the property of a field/widget from the form page, based on another field/ widget value on the same form. I was able a write my own widget & pass uiOptions too, but I don't want to keep writing my own widgets every time I want to change form values based on business logic.

[x0k]

could i set the property of a field/widget from the form page, based on another field/ widget value.

Yes it is possible, I don't recommend it:

    import { fromFactories } from "@sjsf/form/lib/resolver";
    
    const extraUiOptions = fromFactories({
      "myOption": () => {
        // Or manually created context with access to parent value
        const ctx = getFormContext();
        return ctx.value?.foo ? "foo-options" : "bar-options"
      }
    })

I was able a write my own widget & pass uiOptions too, but I don't want to keep writing my own widgets

Widgets should not contain business logic, if you didn't add a new input element - you probably wanted to create a new field. There is not enough information to say something more specific yet.

[aman7000]

I have the fields

total { type: 'number' },
tax { type: 'number' },
netAmount { type: 'number' },

I want to set netAmount = total + tax on the onblur of tax.
there are many other instances of setting value of a field based on another field.

[x0k]

Something like this?
Demo https://x0k.dev/sjsf-examples/computed-values
Source https://github.com/x0k/sjsf-examples/tree/34d21639c38e08d140a49497f2473f978785384f/src/routes/computed-values

[aman7000]

thanks. this will fulfill my need.