微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

列表组件必须在 <ListContext.Provider> 中使用 - react-admin 3.8.5

如何解决列表组件必须在 <ListContext.Provider> 中使用 - react-admin 3.8.5

我使用的是 react-admin 3.8.5,每次使用 List 组件时都会收到此控制台消息。 此控制台消息会响起数十次,并且仅在我处于开发模式时才会发生:

enter image description here

据我所知,我应该将 List 组件包装在 ListContextProvider 中,但我没有设法在不损害我的 List 的情况下正确执行此操作。

这是我的 List 组件:

import React from "react";
import moment from "moment";
import Moment from "react-moment";
import TimeZonesFilter from "./filter";
import EmptyPage from "../../../components/Resource/EmptyPage";
import ShowButton from "../../../components/Buttons/ShowButton.tsx";
import { Paginator } from "../../../components/Resource/Paginator";
import ListActions from "../../../components/Resource/ListActions";
import {
    List,Datagrid,TextField,ChipField,EditButton,FunctionField,} from "react-admin";

export const TimeZonesList = (props) => (
    <List
        title="Time Zones"
        filters={<TimeZonesFilter />}
        pagination={<Paginator />}
        perPage={15}
        {...props}
        empty={<EmptyPage />}
        actions={<ListActions listExporterType="TimeZones" />}
    >
        <Datagrid id="time_zones-table">
            <TextField source="id" label="ID" />
            <ChipField source="iso" label="ISO" />
            <TextField source="name" />
            <FunctionField
                label="Created At"
                source="created_at"
                render={(record) =>
                    record.created_at && (
                        <Moment format="MM/DD/YYYY">{moment(record.created_at)}</Moment>
                    )
                }
            />

            <FunctionField
                label="Updated At"
                source="updated_at"
                render={(record) =>
                    record.updated_at && (
                        <Moment format="MM/DD/YYYY">{moment(record.updated_at)}</Moment>
                    )
                }
            />
            <EditButton />
            <ShowButton />
        </Datagrid>
    </List>
);

希望得到您的帮助。

提前致谢:)

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。