reactjs - 如何密码保护下拉选择器javascript

Question

如何保护 TextEntry={true} 在 React native 中下拉选定项目

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

<DropDownPicker
      open={open}
      value={value}
      items={items}
      setOpen={setOpen}
      setValue={setValue}
      setItems={setItems}
    />

Answer 1

将下拉项映射到一个新数组，其中当前选定的项value被屏蔽。

例子：

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

  return (
    <DropDownPicker
      open={open}
      items={items.map((el) =>
        el.value === value
          ? { ...el, label: el.label.replace(/./g, '*') }
          : el
      )}
      setOpen={setOpen}
      setValue={setValue}
      setItems={setItems}
    />
  );
}

世博小吃演示

Answer 2

你能用labelProps这样试试吗

labelProps={{
 TextEntry={true} 
}}