basic

ChoiceFormatter

Render the label for choice based on the provided value

This is the [default formatter](doc:getFormatterForField) used when a field has choices defined.


props

ChoiceFormatterProps

ReactElement

What to render when `value` is `null` or `undefined`

blankLabel

ReactNode

The choices to render. This can be a `Map` of value to label or an array of 2-element arrays `[value, label]`.

choices

What to render if `value` is not found in `choices`. By default this is considered a programming error and a warning
is logged. If your use case supports invalid values pass `warnOnInvalidChoice={false}` to suppress the warning.

invalidChoiceLabel

value

If `value` is not found in `choices` then a warning will be logged by default. To supress this warning pass
`warnOnInvalidChoice={false}`.

	Parameter	Type	Description
	props.blankLabel	ReactNode	What to render when `value` is `null` or `undefined`
*	props.choices	[any, string][]\|Map	The choices to render. This can be a `Map` of value to label or an array of 2-element arrays `[value, label]`.
	props.invalidChoiceLabel	ReactNode	What to render if `value` is not found in `choices`. By default this is considered a programming error and a warning is logged. If your use case supports invalid values pass `warnOnInvalidChoice={false}` to suppress the warning.
*	props.value	T	The value to format
	props.warnOnInvalidChoice	boolean	If `value` is not found in `choices` then a warning will be logged by default. To supress this warning pass `warnOnInvalidChoice={false}`. Defaults to `true`.

ChoiceFormatter
This is a React component

Examples

ExamplesJavascriptTypescript

Examples