Reactjs rest上的管理员-如何在资源和显示/编辑模式下混合组件？

现在我纯粹是在遵循rest（）上的管理示例

当它打开列表（使用DataGrid）或显示/编辑时，我想向该页面添加其他组件。一些分析（使用卡片）、谷歌地图模块（）、照片等

我希望他们反应灵敏并且“漂浮”。作为不同的组成部分。不一样

我如何才能做到这一点？

请参阅。由于rest上的

管理

中的所有内容都是可供选择的。但请注意，这需要对

react

和

redux

以及admin on rest在后台使用的其他库有相当的了解。我将首先尝试覆盖标准布局。在自定义布局组件内，您可以在任何位置渲染任何喜欢的组件

另外，如果您只想自定义某个ListView，您可以将自己的组件传递给

组件，如下所示：

然后在

/src/MyCustomPostList.js中

类MyCustomPostList扩展了React.Component{
render（）{
const{myOwnProp，…otherProps}=this.props；
返回(
//在这里渲染您自己的组件
//渲染法线组件
);
}
}

由于这不是一项琐碎的任务，您不会在这里找到任何人向您提供详细的解决方案。你可以从我添加的链接开始，自己试试。如果你在去那里的路上遇到任何具体问题，你可以回来问一个具体的问题

如果您希望它具有响应性和浮动性，您可以使用flexbox或任何网格css框架

我希望这是您的一个起点。
请参阅。由于rest上的
管理
中的所有内容都是可供选择的。但请注意，这需要对
react
和
redux
以及admin on rest在后台使用的其他库有相当的了解。我将首先尝试覆盖标准布局。在自定义布局组件内，您可以在任何位置渲染任何喜欢的组件

另外，如果您只想自定义某个ListView，您可以将自己的组件传递给
组件，如下所示：



然后在
/src/MyCustomPostList.js中

类MyCustomPostList扩展了React.Component{
render（）{
const{myOwnProp，…otherProps}=this.props；
返回(
//在这里渲染您自己的组件
//渲染法线组件
);
}
}

由于这不是一项琐碎的任务，您不会在这里找到任何人向您提供详细的解决方案。你可以从我添加的链接开始，自己试试。如果你在去那里的路上遇到任何具体问题，你可以回来问一个具体的问题

如果您希望它具有响应性和浮动性，您可以使用flexbox或任何网格css框架

我希望这是您的一个起点。
查看我的更新答案。查看我的更新答案。如此干净的解决方案。。。非常感谢@Hitchnmile您可以通过投票和/或将此标记为已接受的答案来感谢我你能帮我回答这个问题吗？如此干净的溶液。。。非常感谢@Hitchnmile您可以通过投票和/或将此标记为已接受的答案来感谢我你能帮我回答这个问题吗？