如何保護 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}
/>
uj5u.com熱心網友回復：
將下拉項映射到一個新陣列，其中當前選定的項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}
/>
);
}
uj5u.com熱心網友回復：
你能用labelProps這樣試試嗎
labelProps={{
TextEntry={true}
}}
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/436562.html