如何在反应钩子中选择项目时修复选择 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 (将#修改为@）