我在我的 react-native 项目中使用 @ui-kitten/components,它是我使用的组件选择
这是我的选择框代码:
const [selectedIndex, setSelectedIndex] = useState(new IndexPath(0));
const languageData = ['Select language', 'English', 'Hindi'];
const displayValue = languageData[selectedIndex.row];
const renderOption = title => <SelectItem title={title} key={title} />;
<Select
value={displayValue}
selectedIndex={selectedIndex}
onSelect={index => {
{
setSelectedIndex(index);
setFieldValue('language', displayValue);
}
}}
label={evaProps => (
<Text {...evaProps}>{'Native language'}</Text>
)}>
{languageData.map(renderOption)}
</Select>
我在提交按钮上用于 formik 验证的 setFieldValue 值。
选择任何不顺畅的项目并延迟 5 秒后