When i set value default. Component re-render but value default not change. How to change it? Thanks

[megabeehothanhminh]

[irekrog]

Hi @megabeehothanhminh

You can't do this. This is the correct behavior. Look at the examples from two popular select libraries (react-select and mantine). After click a button a component is re-render but visible default value is still the same.

If you want then please share your code or describe the broader context of your problem then we can help you.

[megabeehothanhminh]

Okee thx. I will look at other ways

[wdgisele]

In my project a generic select was created and when I set the defaultOption I went through the same problem, and to get around this I did the following using react-hook-form:

const { getValues } = useFormContext();

const [defaultOption, setDefaultOption] = useState<OptionTypeRequired | undefined>(
    options.find((item) => item.value === getValues(name))
  );

<Controller
    name={name}
    options={options}
    render={() => (
        <Select
          options={options}
          defaultOption={defaultOption}
          onRemove={() => setDefaultOption(undefined)}
        />
    )}
 />