首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

在React-Admin中扩展JSON Server数据提供程序,以便更新不会在正文中发送ID

,可以通过以下步骤来实现:

  1. 首先,确保你已经安装了React-Admin和JSON Server,并且已经配置好了它们的基本设置。
  2. 创建一个自定义的数据提供程序(DataProvider)来扩展JSON Server。这可以通过创建一个新的文件(例如:jsonServerProvider.js)并使用以下代码来实现:
代码语言:txt
复制
import jsonServerProvider from 'ra-data-json-server';

const extendedDataProvider = (jsonServerProviderOptions, httpClientOptions = {}) => {

  // 扩展create方法,以确保在正文中不发送ID
  const create = (resource, params) => {
    if (!params.data.id) {
      delete params.data.id; // 删除ID字段
    }
    return jsonServerProviderOptions.create(resource, params);
  };

  // 返回扩展的数据提供程序
  return {
    ...jsonServerProvider(jsonServerProviderOptions, httpClientOptions),
    create,
  };
};

export default extendedDataProvider;
  1. 在你的React-Admin应用程序的入口文件中,引入并使用扩展的数据提供程序。可以像这样进行修改:
代码语言:txt
复制
import React from 'react';
import { Admin, Resource } from 'react-admin';
import extendedDataProvider from './jsonServerProvider'; // 引入自定义的数据提供程序
import { PostList, PostEdit, PostCreate } from './posts';

const App = () => (
  <Admin dataProvider={extendedDataProvider('http://jsonplaceholder.typicode.com')}>
    <Resource name="posts" list={PostList} edit={PostEdit} create={PostCreate} />
  </Admin>
);

export default App;

在上面的代码中,http://jsonplaceholder.typicode.com 是你的JSON Server的API地址,可以根据实际情况进行修改。

现在,当你在React-Admin中进行更新操作时,它将不会在正文中发送ID字段,而是从URL参数中获取ID。

这是一个简单的扩展JSON Server数据提供程序的方法,以确保在React-Admin中更新操作不会发送ID字段。关于React-Admin和JSON Server的更多详细信息,请参考官方文档和相关资源。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券