Change value dynamically after the initial render

[tcsmobilitydelhi]

Can I change value dynamically after the initial render i.e. not using the initial property.

I need to change value of switch selector depending on the state.

I tried setting value property to a state variable but it doesn't work. Any ideas?

[bdent]

Second this. Component won't dynamically update when state value changes.

Only way I could get it to update was to force a re-render via Component key change, but this is not a good solution.

[allandiego]

You can do this with ref:

const switchRef = useRef(null);
<SwitchSelector
                ref={switchRef}
                initial={0}
                options={[
                  { label: '+', value: 1 },
                  { label: '-', value: 0 },
                ]}
              />

switchRef.current?.toggleItem(1);

[kleytonbarcelos]

It's working for me. Thanks!

[Liip3Lim4]

Thanks @allandiego,I hadn't thought of using ref to change switch!

[cyphire]

I wish that I was better at gitHub! I would propose that this solution, which worked perfectly is in the documentation! Can anyone update this?