React NextJS Projet中的Sematic UI覆盖引导页面样式

Question

我正在对现有项目进行更新，整个项目都使用 Bootstrap ，这是我唯一要用替换 bootstrap 的地方>语义UI 位于我定义列表项的组件中。

这就是我所做的：

1-我遵循以下指南：Get Started with Semantic UI安装反应语义UI

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

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

语义UI 组件按预期方式呈现，但是唯一的问题是整个页面现在都在使用语义UI ，即使我使用引导程序创建的表单字段也是如此。 。 问题出在哪里？

Answer 1

SUIR和引导程序之间可能会发生很多冲突。您可能不应该导入整个程序包。而是仅安装所需的模块。您可以找到单个列表here

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