Reactjs 自定义列表布局

我正在使用rest管理框架

我想更改列表的布局，并添加一个自定义组件

目前的布局是：

我想添加一个快速搜索组件。过滤器面板将显示或隐藏它。 因为我认为你在屏幕上放置一个快速搜索过滤器会损失很多空间。我的想法是更好地利用空白。

下一张图片将是我需要的布局：

我基于谷歌分析用户管理界面：

---

我的问题是：我可以通过重用框架的列表组件而不创建新的“列表”组件来做到这一点吗？

您必须实现自己的

list

组件。然而，大多数

列表

工作实际上是由

ra-core

中的

ListController

组件完成的，我们还没有时间对其进行适当的记录，但实现起来应该不会太困难。您可以从

列表中复制/粘贴代码

组件，并根据需要进行调整

但有两点需要注意：

快速搜索已经可以使用始终打开的过滤器。因此，如果你能在没有精确布局的情况下生活，那就是最好的选择。查看演示源代码以获取示例：

我们正在调查对一些

raui材料

组件（

List

就是其中之一）的子功能的支持，以使这种定制更容易

---

PS：请不要在存储库问题上发布重复的StackOverflow问题。这只会让我们有更多的工作