Combobox Binding to Dataset of Object

Hi Anthony,

I've created an example that shows how this case can be achieved.
The main ideas here are that we either get the id from the whole object if we need it, or we find the whole object through the id.

 I've also used the ID as an initial value to show that the component finds the matching object and displays its 'text' property in the input field and dropdown. 

https://stackblitz.com/edit/react-combobox-id?file=app/main.jsx 

Hope this example is helpful.

Regards,
Krissy
Progress Telerik

Thanks Krissy,

This was exactally what I needed and simplified  my code.

I want to make sure I understand what's happ     

Hi Krissy,

I relaized my response go truncated.  What is the reasoning behind using the useCallback hook in your example?

Hello Anthony, 

The useCallback hook will return a memoized version of the callback that only changes if its dependency changes, in this case - the onChange function. It is used for optimization and prevention of a function to be re-recreated. In this case, the useCallback will prevent the onChange function to be re-built on every render cycle and will allow it to be re-built only if the value of the input changes.

Hope this is helpful.

Regards,
Krissy
Progress Telerik

Hi Krissy,

Is there any reason why that onChange handler cannot be implemented in the FormCombobox function?  I want this behavior for the majority of comboboxes in my application.

See my fork of your sample. https://stackblitz.com/edit/react-combobox-id-cg1lur?file=app/form-components.jsx

Anthony

Hello Anthony, 

Yes, there is no need for this to be in a separate component. I have updated the example with the logic implemented in the FormComboBox which will apply to all of its instances.

https://stackblitz.com/edit/react-combobox-id-bnhi73?file=app%2Fform-components.jsx 

Thank you for noticing this and hope this is helpful.

Regards,
Krissy
Progress Telerik