首页 > 解决方案 > 如何在 react-admin 中显示 DeleteButton?不仅是从数据库加载的最后一个东西?

问题描述

我开始在一个基于 REST 的小项目中使用 javascript 和 React。所以我尝试在浏览器中显示我的数据库中的一些数据,但只有最后一个产品显示了 7 次(数据库中只有 7 个产品)。另外,DeleteButton不想出现,当我尝试从网络浏览器(通过EditButton)查看产品时,它说Element does not exist。这最后应该是因为它要重定向 http://localhost:5000/orders/undefined。那么也许它无法获得产品的ID?这是该DeleteButton部分的代码:

import React from 'react';
import {List, Datagrid, TextField, NumberField, ImageField, EditButton, DeleteButton} from 'react-admin';

const ProductList = (props) => {
    return <List {...props}>
            <Datagrid>
                <TextField label = 'ID' source = '_id' />
                <TextField source = 'title' />
                <NumberField source = 'year' />
                <TextField source = 'author' />
                <ImageField source = 'productImage' />
                <EditButton basePath = '/products' />
                <DeleteButton basePath = '/products' />
            </Datagrid>
        </List>
};

export default ProductList;

谢谢,

标签: javascriptnode.jsmaterial-uireact-admin

解决方案


推荐阅读