CODEWITHSUNDEEP
javascriptreactjsreact-nativedropdown
Elavarasan r
Elavarasan r

Reputation: 1285

react-native-dropdown-picker, how to get selected index from Items

I have used react-native-dropdown-picker to listed array of items. I don't know how to get selected index. I have tried below code but am getting "Undefined" value.

Example code:

import DropDownPicker from 'react-native-dropdown-picker';

function App() {
  const [open, setOpen] = useState(false);
  const [value, setValue] = useState(null);
  const [items, setItems] = useState([
    {label: 'Apple', value: 'apple'},
    {label: 'Banana', value: 'banana'}
  ]);

  return (
    <DropDownPicker
      open={open}
      value={value}
      items={items}
      setOpen={setOpen}
      setValue={setValue}
      setItems={setItems}
      onChangeValue={(value, index) => {
        console.log("selected value",value);
        console.log("selected Index",index);
      }
    />
  );
}

Expected: I need selected index which is selected from items.

Upvotes: 0

Views: 3459

Answers (1)

Christian
Christian

Reputation: 4641

According to the documentation onChangeValue only returns the value, so you would neet to get the index from your array, like

getIndex = (value) => {
  for (let i = 0; i < items.length; i++) {
    if (items[i].value == value) {
      return index;
    }
  }
}

Upvotes: 2

Related Questions