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.