删除（或至少隐藏）react-admin 列表中的卡片

Question

我想去掉后台react-admin 列表(v3.4.2) 上的卡片。如果我在组件属性:

上定义一个字符串，我会得到想要的效果

<List component={"some string"}/>

但这会向控制台发送错误消息：

而且我不想出现那个错误。最重要的是，我认为我不应该更改组件属性（我在官方文档中找不到它）。

代码应如下所示：https://github.com/marmelab/react-admin/blob/master/packages/ra-ui-materialui/src/list/List.js

我应该怎么做？是否可以传递样式？是否有开箱即用的组件？还是我应该去定制？

Answer 1

您可以使用样式隐藏背景：

import { makeStyles } from '@material-ui/core/styles'

const useListStyles = makeStyles(theme => ({
    content: { 
      boxShadow: 'none',
      backgroundColor: 'inherit',
    },
    main: {
//    backgroundColor: 'red',
    },
    root: {
//    backgroundColor: 'red',
    },
}))

const MyList = (props) => {
  const classes = useListStyles() 
  return (
    <List classes={classes} {...props} >
   ...
    </List>
  )
}

删除（或至少隐藏）react-admin 列表中的卡片

Remove (or at least hide) card on react-admin List

reactjs

material-ui

react-admin