Javascript 如何根据react中的id将数组数据设置为array

Javascript 如何根据react中的id将数组数据设置为array,javascript,reactjs,typescript,yup,react-hook-form,Javascript,Reactjs,Typescript,Yup,React Hook Form,我在这里要做的是当我提交表格时。它应该基于id 例如,在选择应用程序中,我选择app1和app2 然后在提交表单时,它将是这样的[{id:1},{id:2}]您应该在handleSubmit方法的回调中映射RHF表单数据,如下所示: const onSubmit=handleSubmit(formValues=>({ …形成价值观, 应用程序:formValues.applications.map(({id})=>id), })); const data=[].map((i)=>({id:i.i

我在这里要做的是当我提交表格时。它应该基于id 例如,在选择应用程序中,我选择
app1
app2


然后在提交表单时,它将是这样的
[{id:1},{id:2}]
您应该在
handleSubmit
方法的回调中映射RHF表单数据,如下所示:

const onSubmit=handleSubmit(formValues=>({
…形成价值观,
应用程序:formValues.applications.map(({id})=>id),
}));
const data=[].map((i)=>({id:i.id}))然后过滤它
const applications = [
{
 id: 1,
 name: 'app1',
},
{
 id: 2,
 name: 'app2',
},
{
 id: 3,
 name: 'app3',
}
]

....
const form = 
config = [
      {
        label: "Application",
        name: "applications",
        type: "select",
        config: {
          labelKey: 'name',
          valueKey: 'id',
          multiple: true
        },
        options: applications,
        rule: yup.array(yup.string()).min(1, 'Application field must have at least 1 or more items').required(),
      },
]