How to pass dynamic array in UI Kitten v5 select?

Question

How to pass dynamic data in select?

const array=['a','b','c','d'] 
 <Select data={array} 
  selectedIndex={selectedIndex}   
  onSelect={index => setSelectedIndex(index)}> 
   </Select>

Whenever i use

<SelectItem title='Option 1'/> 
<SelectItem title='Option 2'/> 
<SelectItem title='Option 3'/>

it is working fine but when I am using data its not working

I am using UI kitten for the very first time. I can get from their docs is ` ` — Shahanshah Alam, Oct 11 '20 at 07:52

score 1 · Accepted Answer · answered Oct 11 '20 at 09:43

This might help

const array = ['a','b','c','d'];

export const SelectDisplayValueShowcase = () => {

  const renderOption = (title) => (
    <SelectItem title={title}/>
  );

  return (
    <Layout style={styles.container} level='1'>

      <Select
        style={styles.select}>
        {array.map(renderOption)}
      </Select>

    </Layout>
  );
};

How to pass dynamic array in UI Kitten v5 select?

1 Answers1