如何解决如何在反应钩子中选择项目时修复选择 onchange 显示
const [appRole,setAppRole] = useState([]);
{
label: 'Application - Role',type: 'select',name: 'applications',renderer: (data) => {
const { control } = useFormContext();
useEffect(() => {
setAppRole(array =>
Array.isArray(control.defaultValuesRef.current['applications']) ? [
...control.defaultValuesRef.current['applications']
] : [
{
id: null,code: null,role: null
}
])
},[]);
console.log(control.setValue)
return (
<div className="flex flex-col w-full">
{
appRole.map((item,index) => (
<div key={index} className="flex flex-col pb-2 -items-center">
<SelectPicker
placeholder="Select Application"
data={application['data']}
labelKey="name"
valueKey="code"
style={{ width: '100%' }}
onChange={(value) => control.setValue('applications',_setAppRole(value,index,'code'))}
value={item.code}
/>
<SelectPicker
placeholder="Select Role"
data={roles}
labelKey="role"
valueKey="role"
style={{ width: '100%' }}
onChange={(value) => control.setValue('roles','role'))}
value={item.role}
/>
</div>
))
}
</div>
)
}
}
const _setAppRole = (value,idx,status) => {
appRole[idx][status] = value;
setAppRole(appRole);
return appRole;
}
如何修复 onchange 值显示?因为当我尝试选择它将应用的角色时,我尝试选择它不起作用的应用程序或显示所选应用程序。
我该如何解决?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。