RuleComponents()
RuleComponents(
props:RuleProps<string,string> &RuleProps<string,string> & {classNames: {cloneRule:string;dragHandle:string;fields:string;lockRule:string;operators:string;removeRule:string;shiftActions:string;value:string;valueSource:string; };cloneRule:ActionElementEventHandler;fieldData:FullField<string,string,string,Option<string>,Option<string>>;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<string>>;outerClassName:string;removeRule:ActionElementEventHandler;shiftRuleDown: (event?:MouseEvent<Element,MouseEvent>,_context?:any) =>void;shiftRuleUp: (event?:MouseEvent<Element,MouseEvent>,_context?:any) =>void;toggleLockRule:ActionElementEventHandler;validationResult:boolean|ValidationResult;valueEditorSeparator:ReactNode;valueEditorType:ValueEditorType;values:FlexibleOptionList<Option<string>>;valueSourceOptions:ValueSourceOptions;valueSources:ValueSources; }):ReactNode
Renders a React.Fragment containing an array of form controls for managing
a RuleType.
Parameters
| Parameter | Type |
|---|---|
props | RuleProps<string, string> & RuleProps<string, string> & { classNames: { cloneRule: string; dragHandle: string; fields: string; lockRule: string; operators: string; removeRule: string; shiftActions: string; value: string; valueSource: string; }; cloneRule: ActionElementEventHandler; fieldData: FullField<string, string, string, Option<string>, Option<string>>; 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<string>>; outerClassName: string; removeRule: ActionElementEventHandler; shiftRuleDown: (event?: MouseEvent<Element, MouseEvent>, _context?: any) => void; shiftRuleUp: (event?: MouseEvent<Element, MouseEvent>, _context?: any) => void; toggleLockRule: ActionElementEventHandler; validationResult: boolean | ValidationResult; valueEditorSeparator: ReactNode; valueEditorType: ValueEditorType; values: FlexibleOptionList<Option<string>>; valueSourceOptions: ValueSourceOptions; valueSources: ValueSources; } |
Returns
ReactNode
Defined in
packages/react-querybuilder/src/components/Rule.tsx:73
API documentation is generated from the latest commit on the main branch. It may be somewhat inconsistent with official releases of React Query Builder.