Skip to main content

RuleComponents()

RuleComponents(props: RuleProps & RuleProps & { classNames: { cloneRule: string; dragHandle: string; fields: string; lockRule: string; operators: string; removeRule: string; shiftActions: string; value: string; valueSource: string; }; cloneRule: ActionElementEventHandler; fieldData: FullField<Option, Option>; generateOnChangeHandler: (prop: "value" | "disabled" | "field" | "operator" | "valueSource" | "combinatorPreceding") => ValueChangeEventHandler; hideValueControls: boolean; inputType: null | InputType; onChangeField: ValueChangeEventHandler; onChangeOperator: ValueChangeEventHandler; onChangeValue: ValueChangeEventHandler; onChangeValueSource: ValueChangeEventHandler; operators: OptionList<FullOperator>; outerClassName: string; removeRule: ActionElementEventHandler; shiftRuleDown: (event?: MouseEvent, _context?: any) => void; shiftRuleUp: (event?: MouseEvent, _context?: any) => void; toggleLockRule: ActionElementEventHandler; validationResult: boolean | ValidationResult; valueEditorSeparator: ReactNode; valueEditorType: ValueEditorType; values: FlexibleOptionList<Option>; valueSourceOptions: ValueSourceOptions; valueSources: ValueSources; }): ReactNode

Defined in: packages/react-querybuilder/src/components/Rule.tsx:76

Renders a React.Fragment containing an array of form controls for managing a RuleType.

Parameters​

ParameterType
propsRuleProps & RuleProps & { classNames: { cloneRule: string; dragHandle: string; fields: string; lockRule: string; operators: string; removeRule: string; shiftActions: string; value: string; valueSource: string; }; cloneRule: ActionElementEventHandler; fieldData: FullField<Option, Option>; generateOnChangeHandler: (prop: "value" | "disabled" | "field" | "operator" | "valueSource" | "combinatorPreceding") => ValueChangeEventHandler; hideValueControls: boolean; inputType: null | InputType; onChangeField: ValueChangeEventHandler; onChangeOperator: ValueChangeEventHandler; onChangeValue: ValueChangeEventHandler; onChangeValueSource: ValueChangeEventHandler; operators: OptionList<FullOperator>; outerClassName: string; removeRule: ActionElementEventHandler; shiftRuleDown: (event?: MouseEvent, _context?: any) => void; shiftRuleUp: (event?: MouseEvent, _context?: any) => void; toggleLockRule: ActionElementEventHandler; validationResult: boolean | ValidationResult; valueEditorSeparator: ReactNode; valueEditorType: ValueEditorType; values: FlexibleOptionList<Option>; valueSourceOptions: ValueSourceOptions; valueSources: ValueSources; }

Returns​

ReactNode

caution

API documentation is generated from the latest commit on the main branch. It may be somewhat inconsistent with official releases of React Query Builder.