reactjs - Sematic UI 在 react nextjs projet 中覆盖引导页面样式

Question

我正在更新现有项目，整个项目使用Bootstrap，我想用语义 UI替换bootstrap的唯一地方是在我定义列表项的组件中。

这是我所做的：

1 - 我遵循以下指南：Get Started with Semantic UI to install React semantic UI

2 - 在我的标题标签中，我将语义 UI cdn 放在引导程序之前

注意：我使用React Bootstrap进行引导

语义 UI组件按预期呈现，但唯一的问题是整个页面现在都在使用语义 UI，甚至是我使用引导程序创建的表单字段。问题可能来自哪里？

标签： reactjsnext.jsreact-bootstrapsemantic-ui-react

Answer 1

SUIR 和引导程序之间可能（将）有很多冲突。您可能不应该导入整个包。而是只安装需要的模块。您可以在此处找到单个列表

两个包中的某些元素共享相似的命名模式，因此会有命名空间冲突。semantic.js您可以在和中重命名语义元素关键字semantic.css。