You could use the .map() function to make the data in columns suitable for use with react-select.

The .map() function is available on the Array type. It creates a new array from the array you call it on, and allows you to provide a function that transforms/changes each item as it is copied from the original array.

You can make use of it as follows:

const columns = [

    { name: 'OrderNumber', title: 'Order Number' },

    { name: 'strawberry', title: 'Strawberry' },

    { name: 'vanilla', title: 'Vanilla' }

]



const options = columns.map(function(row) {



   // This function defines the mapping behaviour. name and title 

   // data from each row from your columns array is mapped to a 

   // corresponding item in the new options array



   return { value : row.name, label : row.title }

})



/*

options will now contain this:

[

    { value: 'OrderNumber', label: 'Order Number' },

    { value: 'strawberry', label: 'Strawberry' },

    { value: 'vanilla', label: 'Vanilla' }

];

*/

For more information, see the MDN documentation for .map()