Function ReactFormDependentSelects

  • ReactFormDependentSelects<TFormValues>(props): Element

  • A specialized wrapper around the Select component that integrates with react-hook-form which renders a select input that is dependent on another select input. The value of the first select input will determine the options available in the second select input.

    Configuration is available to set the options for the second select input, as well as the keys in the state.

    Type Parameters

    • TFormValues

    Parameters

    • props: {
          childKey: string;
          childSelectProps: Omit<SelectProps, "value" | "name" | "onChange" | "selectOptionValues"> & {
              mappedOptionValues: Record<string, {
                  label: string;
                  value: string;
              }[]>;
          };
          isRequired?: boolean;
          parentKey: string;
          parentSelectProps: Omit<SelectProps, "value" | "name" | "onChange">;
      } & UseControllerProps<TFormValues, Path<TFormValues>> & Required<Pick<UseControllerProps<TFormValues, Path<TFormValues>>, "control">>

    Returns Element

Settings

Member Visibility

Theme

Generated using TypeDoc