Reactjs 类名在React 16中未按预期工作

我想在

react 16

project中应用这个

classnames

对象，而不使用

webpack

工具

const fieldClassName = classnames(
      formControlStyles.field, 'form-control'
)

正如您可能注意到的，表单控件类来自引导

而

.field

类是我用来覆盖某些属性的类

请在下面找到

表单控件

正在重写

字段

类，我希望发生相反的情况

---

与React无关，这取决于您如何编写css。 例如：

和一个div元素

<div class="class1 class2"> Text </div>

<div class="class1 class2"> Text </div>

和一个div元素

<div class="class1 class2"> Text </div>

<div class="class1 class2"> Text </div>

文本

---

这里的示例是您在class2之后编写class1。它将采用class1属性，因此文本将以红色显示。

与React无关，这取决于您如何编写css。 例如：

和一个div元素

<div class="class1 class2"> Text </div>

<div class="class1 class2"> Text </div>

和一个div元素

<div class="class1 class2"> Text </div>

<div class="class1 class2"> Text </div>

文本

---

这里的示例是您在class2之后编写class1。它将采用class1的属性，因此文本将以红色显示。

经过大量的搜索和询问，我发现常规样式表文件必须放在

index.js

文件的顶部，以便在经过大量的搜索和询问后，它不会与

类名

托管样式冲突，我发现正常的样式表文件必须放在

index.js

文件的顶部，这样它就不会与

classnames

管理的样式冲突

我猜这与React中的

css加载程序

有关。正如您可能提到的，第二个类是生成的是的，它可以是，您应该包括

表单控件
类（或者我可以说是bootstrap）首先，您可以在
index.js
中添加css文件I imported bootstrap，如
import./assets/css/bootstrap.min.css'
，以及如何使用React（）的css模块为
formControlStyles.field添加css。正如您可能提到的，第二个类是生成的是的，它可以是，您应该包括
表单控件
类（或者我可以说是bootstrap）首先，您可以在
index.js
中添加css文件i imported bootstrap，如
import./assets/css/bootstrap.min.css'
以及如何使用React（）的css模块为
formControlStyles.field
此类添加css