如何在React.js中使用多个CSS类？

Question

在react.js中，我想使用这样的CSS样式

String p="proj"; //user input
 Class reflectclass= Class.forName("javaapplication8."+p);

我该怎么做？

Answer 1

好吧，您只需将类作为字符串放置，就像这样：

<button className="btn btn-primary"> A Button </ button>

或者如果您具有带有逻辑的复杂类，则可以使用以下出色的软件包：

https://www.npmjs.com/package/classnames

<button className={classNames({ foo: true, bar: false })}> A Button </button>

这将导致此html：

<button class="foo"> A Button </button>

Answer 2

如果只有非条件类，则可以使用标准方式className =“ btn btn-primary”。但是，如果您有条件类，则可以使用数组定义所有条件和非条件类，然后在className中使用classNames.join（''），也可以使用第三方包，例如Classnames {{3} }