将项目作为 Props 传递给 React Native Drop Menu

Question

我有一些 React 代码来渲染 react-native-dropdown-picker DropMenu，如下所示：

export const DropMenu = () => {
   const [open, setOpen] = useState(false);
   const [value, setValue] = useState(null);
   const [items, setItems] = useState([
     { label: 'A', value: 'a' },
     { label: 'B', value: 'c' },
     { label: 'C', value: 'c' }
   ]);
    
   return (
     <DropDownPicker
       open={open}
       value={value}
       items={items}
       setOpen={setOpen}
       setValue={setValue}
       setItems={setItems}
     />
   );
 }

我想做的是通过简单地传递要在菜单中使用的 items 的实现细节来使其可重复使用。那会是什么样子？像这样，使用传播运算符？我不清楚语法具体是什么样的：

export const DropMenu = props => {
  const [open, setOpen] = useState(false);
  const [value, setValue] = useState(null);
  const [items, setItems] = useState([
  const [items, setItems] = useState([
    { 
      label: [...props.items.label], 
      value: [...props.items.value] 
    }
   ]);
  ]);

  return (
    <DropDownPicker
      open={open}
      value={value}
      items={items}
      setOpen={setOpen}
      setValue={setValue}
      setItems={setItems}
    />
  );
}

我会传递看起来像这样的道具：

const items = [
 { label: 'A', value: 'a' },
 { label: 'B', value: 'c' },
 { label: 'C', value: 'c' }
];

如何通过 props 传递要在 DropMenu 中使用的值数组？

Answer 1

您可以使用

const [items, setItems] = useState([...props.items])

可以找到解决方案here。

将项目作为 Props 传递给 React Native Drop Menu

Passing in Items as Props to be used in React Native Drop Menu

reactjs

react-native

react-native-dropdown-picker