Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/362.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript React Admin:如何处理对象列表上的输入源_Javascript_Reactjs_React Admin - Fatal编程技术网

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上做到这一点。