reactjs - 在 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

我该怎么做？是否可以传递一种风格？有没有开箱即用的组件？还是我应该去定制？

标签： reactjsmaterial-uireact-admin

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>
  )
}