在dataProvider react-admin中使用分派

import { CREATE, UPDATE, DELETE } from 'react-admin';
import { fetchUtils } from 'react-admin';

const apiUrl = 'https://example.com/api'; // 替换为实际的API地址

const dataProvider = {
  create: (resource, params) =>
    fetchUtils.fetchJson(`${apiUrl}/${resource}`, {
      method: 'POST',
      body: JSON.stringify(params.data),
    }).then(({ json }) => ({
      data: { ...params.data, id: json.id },
    })),

  update: (resource, params) =>
    fetchUtils.fetchJson(`${apiUrl}/${resource}/${params.id}`, {
      method: 'PUT',
      body: JSON.stringify(params.data),
    }).then(({ json }) => ({ data: { ...params.data } })),

  delete: (resource, params) =>
    fetchUtils.fetchJson(`${apiUrl}/${resource}/${params.id}`, {
      method: 'DELETE',
    }).then(({ json }) => ({ data: { ...params.previousData } })),
};

import { Admin, Resource } from 'react-admin';
import { List, Edit, Create, DeleteButton } from 'react-admin';
import { TextField, TextInput, EditButton } from 'react-admin';

const MyResourceList = (props) => (
  <List {...props}>
    {/* 列出数据 */}
  </List>
);

const MyResourceEdit = (props) => (
  <Edit {...props}>
    {/* 编辑数据 */}
  </Edit>
);

const MyResourceCreate = (props) => (
  <Create {...props}>
    {/* 创建数据 */}
  </Create>
);

const MyResourceDelete = (props) => (
  <DeleteButton {...props} />
);

const App = () => (
  <Admin dataProvider={dataProvider}>
    <Resource
      name="myResource"
      list={MyResourceList}
      edit={MyResourceEdit}
      create={MyResourceCreate}
      remove={MyResourceDelete}
    />
  </Admin>
);