在 react-admin 中的 List 中传递自定义数据

【问题标题】：Passing custom data in List in react-admin在 react-admin 中的 List 中传递自定义数据
【发布时间】：2019-07-22 03:14:11
【问题描述】：

我在组件中有数据，并希望在 react-admin 的 [List][1] 组件中发送数据。有没有办法在列表组件中发送数据，如

<List { ...props } data={listData} />

数据来自一个API，在另一个API的基础上调用（API是依赖的）。所以，我不能调用GET_LIST中的API。

这就是我在组件中调用 API，然后决定将 props 中的数据传递给 [List][1] 组件的原因。

【问题讨论】：

标签： javascript reactjs react-admin

【解决方案1】：

https://marmelab.com/react-admin/List.html#actions

您可以使用以下操作道具来控制和更改流程/数据

const PostActions = ({
    bulkActions,
    basePath,
    currentSort,
    displayedFilters,
    exporter,
    filters,
    filterValues,
    onUnselectItems,
    resource,
    selectedIds,
    showFilter,
    total
}) => (
    <CardActions>
        {bulkActions && React.cloneElement(bulkActions, {
            basePath,
            filterValues,
            resource,
            selectedIds,
            onUnselectItems,
        })}
        {filters && React.cloneElement(filters, {
            resource,
            showFilter,
            displayedFilters,
            filterValues,
            context: 'button',
        }) }
        <CreateButton basePath={basePath} />
        <ExportButton
            disabled={total === 0}
            resource={resource}
            sort={currentSort}
            filter={filterValues}
            exporter={exporter}
        />
        <RefreshButton />
        {/* Add your custom actions */}
        <Button color="primary" onClick={customAction}>Custom Action</Button>
    </CardActions>
);

export const PostList = (props) => (
    <List {...props} actions={<PostActions />}>
        ...
    </List>
);

【讨论】：