类名无法在React 16中正常工作

Question

我想在classnames项目没有 react 16工具中将这个webpack对象应用于我的输入。

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

您可能会注意到，表单控制类来自引导程序。

.field类是我的类，用于覆盖某些属性。

请在下面发现form-control在覆盖.field类，我希望情况相反。

Answer 1

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

Form1

还有一个div元素

.class1{
 color: red;
 // some property
}

.class2{
 color: green;
 // some property
}

在此示例中，您在class1之后编写了class2。它将具有class2的属性，因此文本将以绿色显示。

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

还有一个div元素

    .class2{
      color: green;
      // some property
    }

   .class1{
      color: red;
      // some property
    }

在此示例中，您在class2之后编写了class1。它将具有class1的属性，因此文本将以红色显示。

Answer 2

经过大量的搜索和询问，我发现正常的样式表文件必须放置在index.js文件的顶部，以免与classnames托管样式冲突