Javascript React Admin:如何处理对象列表上的输入源
在Javascript React Admin:如何处理对象列表上的输入源,javascript,reactjs,react-admin,Javascript,Reactjs,React Admin,在react admin中,我有一个输入,其源是一个对象列表 binded\u摄像机列表如下所示: "binded_cameras": [ { "id": 1, "name": "Cam 1", "url": "dummyurl.com" }, { "id": 4, "name": "Cam 2", "url": "dummyurl.com" } ] 我正在尝试只获取要处理
react admin
中,我有一个输入
,其源是一个对象列表
binded\u摄像机
列表如下所示:
"binded_cameras": [
{
"id": 1,
"name": "Cam 1",
"url": "dummyurl.com"
},
{
"id": 4,
"name": "Cam 2",
"url": "dummyurl.com"
}
]
我正在尝试只获取要处理的id
列表。我尝试了
bind\u cameras.id
,但它当然不起作用。如何操作此对象列表,并仅生成ID列表?由于React admin使用React final form,因此在保存到记录和从记录加载时,可以使用parse()和format()函数转换输入值,只需将它们作为道具传递给输入,在本例中,CheckboxGroupInput: 两个功能的助记符: parse():输入->记录 格式():记录->输入
<CheckboxGroupInput
source="binded_cameras"
choices={choices}
parse={ids => ids.map(id => ({id}))}
format={bindedCameras => bindedCameras.map(b => b.id)}
/>
ids.map(id=>({id}))}
格式={bindedCameras=>bindedCameras.map(b=>b.id)}
/>
您在这里到底想要实现什么?是否仅将ID的
列表作为源传递?是的,完全正确。我通过修改传入的数据找到了一个解决方案,但我希望知道如何在reactjs上做到这一点。