Javascript react本机下拉选择器,如何从项中获取选定索引

Javascript react本机下拉选择器,如何从项中获取选定索引,javascript,reactjs,react-native,dropdown,Javascript,Reactjs,React Native,Dropdown,我使用了react原生下拉选择器来选择列出的项目数组。我不知道如何获得选定的索引。我尝试了下面的代码,但得到了“未定义”的值 示例代码: import DropDownPicker from 'react-native-dropdown-picker'; function App() { const [open, setOpen] = useState(false); const [value, setValue] = useState(null); const [items, s

我使用了react原生下拉选择器来选择列出的项目数组。我不知道如何获得选定的索引。我尝试了下面的代码,但得到了“未定义”的值

示例代码:

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);
      }
    />
  );
}
从“反应本机下拉选择器”导入下拉选择器;
函数App(){
const[open,setOpen]=useState(false);
const[value,setValue]=useState(null);
const[items,setItems]=useState([
{标签:'Apple',值:'Apple'},
{标签:'Banana',值:'Banana'}
]);
返回(
{
console.log(“所选值”,值);
日志(“选定索引”,索引);
}
/>
);
}

预期:我需要从项中选择的选定索引。

根据文档
onChangeValue
仅返回值,因此您需要从数组中获取索引,如

getIndex = (value) => {
  for (let i = 0; i < items.length; i++) {
    if (items[i].value == value) {
      return index;
    }
  }
}
getIndex=(值)=>{
for(设i=0;i
更好的选项是items.findIndex(item=>item.value==value)感谢您的帮助。代码运行良好。对于(let i=0;iitem.value==value);console.log(“您的项索引”,b);}