扩展SelectArrayInput组件

Question

我需要修改SelectArrayInput组件，使其链接到对象数组字段而不是外键数组。

我使用的API返回资源响应包括包含对象数组的字段，例如：

tags: [{id, name, description},...]

处理这种情况的推荐方法是什么？

Answer 1

你试过这个：

import { SelectArrayInput, ReferenceArrayInput } from 'admin-on-rest'

<ReferenceArrayInput source="tag_ids" reference="tags">
    <SelectArrayInput optionText="name" />
</ReferenceArrayInput>

请注意，您必须在App.js文件中的<Admin>组件下添加干净的“标记”资源。

const App = () => (
    <Admin restClient={jsonServerRestClient('http://jsonplaceholder.typicode.com')}>
        <Resource name="posts" list={PostList} />
        <Resource name="tags" />
    </Admin>
);

点击SelectArrayInput ReferenceArrayInput的{​​{1}}的最后一部分：https://marmelab.com/admin-on-rest/Inputs.html#selectarrayinput

如果有效，请更新我。