Reactjs React Native如何以编程方式打开React Native下拉选择器

Reactjs React Native如何以编程方式打开React Native下拉选择器,reactjs,react-native,react-hooks,Reactjs,React Native,React Hooks,有没有一种方法可以通过编程方式打开picker的项目下拉列表? 如何获取所选项目的值(本例中为字符串)以用于其他用途? 我正在使用react本机下拉选择器库 首先,我有这样一个问题: 然后,当我点击它时,我看到: 我想以编程方式打开此选择器,跳过第二步,以便选择器自动打开,我得到以下结果: 您只需更新下拉选择器的打开的 在本例中,当安装组件时,DropDownPicker将打开 function DropDown() { const [open, setOpen] = useState(

有没有一种方法可以通过编程方式打开picker的项目下拉列表? 如何获取所选项目的值(本例中为字符串)以用于其他用途? 我正在使用react本机下拉选择器库

首先,我有这样一个问题:

然后,当我点击它时,我看到:

我想以编程方式打开此选择器,跳过第二步,以便选择器自动打开,我得到以下结果:

您只需更新
下拉选择器的
打开的

在本例中,当安装组件时,DropDownPicker将打开

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

  useEffect(() => {
    setOpen(true); // this will trigger the dropdown visibility
  }, []);

  return (
    <DropDownPicker
      open={open}
      value={value}
      items={items}
      setValue={setValue}
      setItems={setItems}
      setOpen={setOpen}
    />
  );
}
函数下拉列表(){
const[open,setOpen]=useState(false);
const[value,setValue]=useState(null);
const[items,setItems]=useState([
{标签:'Apple',值:'Apple'},
{标签:'Banana',值:'Banana'},
]);
useffect(()=>{
setOpen(true);//这将触发下拉列表可见性
}, []);
返回(
);
}