javascript - 如何不仅将 id 而且将完整对象传递到数组列表中

Question

依赖关系:

"admin-on-rest": "^1.3.3",
"base64-js": "^1.2.1",
"react": "^16.2.0",
"react-dom": "^16.2.0"

我有带有 Angular 色列表的用户模型。

// User
{
    id: "abcd1234",
    name: "John Doe",
    ...
    authorities: [
        {
            id: 12345,
            authority: "USER"
        },
        {
            id: 12346,
            authority: "ADMIN"
        }
    ]
}

我使用了 CheckboxArrayInput 来显示复选框列表。

<ReferenceArrayInput source="authorities" reference="roles" allowEmpty>
    <CheckboxGroupInput optionText="authority" optionValue="id" addField={true} />
</ReferenceArrayInput>

当项目被选中时，似乎只是将 id 传递给数组列表，而不是按预期充满对象

我在 Admin-on-Rest-demo 中意识到这一点，在这种情况下，使用段，效果很好。虽然它根本不适用于我的项目。

Answer 1

从 id 获取对象并使用它:

// for example if 'id' represents your checkbox option value
const authority = user.authorities.filter(auth => auth.id === id);