Common Scenarios

You can use the configuration options of the DropDownList to achieve the implementation of common scenarios.

• Controlling the value of the DropDownList
• Implementing cascading DropDownLists
• Using a DropDownList data field for a value

Controlling the DropDownList Value

You can use the DropDownList as the so-called "controlled component" in React which is similar to the behavior of the native <select> element.

Implementing Cascading DropDownLists

The cascading DropDownList is a series of two or more DropDownLists where each DropDownList is filtered based on the selected option from the previous DropDownList.

Using Data Fields for Values

The following example demonstrates how to implement a Higher-Order Component and allow the use of a DropDownList data field for a value.

Suggested Links

• API Reference of the DropDownList
• Higher-Order Components