# Data and Value Binding

The MultiColumnComboBox enables you to configure its predefined list of options and selected value.

To set the predefined list, use the [`data`](https://www.telerik.com/kendo-react-ui/components/dropdowns/api/multicolumncomboboxprops#data) property. To set the selected value, use the [`value`](https://www.telerik.com/kendo-react-ui/components/dropdowns/api/multicolumncomboboxprops#value) property.

## Data Binding

To bind the MultiColumnComboBox to data, use the [`data`](https://www.telerik.com/kendo-react-ui/components/dropdowns/api/multicolumncomboboxprops#data) property of the component.

The `data` property accepts datasets of objects.

[Demo Source](https://demos.telerik.com/kendo-react-ui/dropdowns/multicolumncombobox/binding/data/func/source.txt)

## Value Binding

To render the selected value, use the [`value`](https://www.telerik.com/kendo-react-ui/components/dropdowns/api/multicolumncomboboxprops#value) property of the MultiColumnComboBox. When you set the value through the `value` property, hook up to the [`onChange`](https://www.telerik.com/kendo-react-ui/components/dropdowns/api/multicolumncomboboxprops#onchange) event and manually update the value of the `value` property.

[Demo Source](https://demos.telerik.com/kendo-react-ui/dropdowns/multicolumncombobox/binding/value/func/source.txt)

## Suggested Links

* [API Reference of the MultiColumnComboBox](https://www.telerik.com/kendo-react-ui/components/dropdowns/api/multicolumncomboboxprops)
* [Controlled Components in React](https://react.dev/learn/sharing-state-between-components#controlled-and-uncontrolled-components)