Material-ui 与其他非 mui 反应组件的兼容性

Posted

技术标签:

【中文标题】Material-ui 与其他非 mui 反应组件的兼容性【英文标题】:Material-ui compatibility with other non-mui react components 【发布时间】:2017-04-30 09:20:24 【问题描述】:

我可以毫无问题地将material-ui组件与非mui组件结合起来吗?它们兼容吗?

如果不是,为什么不呢?

【问题讨论】:

【参考方案1】:

一般来说,在一个应用程序中使用 Material-UI 和其他组件没有任何障碍。唯一需要记住的是,mui 组件需要包装到 MuiThemeProvider 中,因此您需要组织应用程序结构以涵盖所有组件。

如果您要创建主题应用程序,可能会出现其他问题。您会发现您的非 mui 组件不遵循主题颜色。在这种情况下,您可以尝试使用 react-theme-provider 来解决常见问题。

【讨论】:

【参考方案2】:

通常 ui 组件可以很好地协同工作。我知道某些材质的 ui 组件不可组合,您必须通过 props 来自定义它们,而不是将组件作为子组件,但他们一直在努力,您可以越来越多地使用自己的组件进行自定义。

【讨论】:

以上是关于Material-ui 与其他非 mui 反应组件的兼容性的主要内容,如果未能解决你的问题,请参考以下文章

反应组件中的背景图像

我如何将 Material-UI 托管样式应用于非 Material-ui、非反应元素?

Material-UI 的选项卡与反应路由器 4 集成?

无法在反应 js 类组件中编辑 datetimepicker material-ui

如何使用样式组件扩展(MUI)React 组件的 TS 接口?

如何在 MUI 中设置抽屉的纸张样式?