我有一个基于三元变量的变量（它们是我为颜色定义的CSS类）：

let color_switch_size = this.state.white ? "white-btn" : "green-btn";

我有一个按钮：

<button classname={`${color_switch_size} text-capitalize font-weight-bold mt-3 mb-0 btn btn-light`} onClick={this.sizeclicked}>{small}</button>

A 。单击没有Bootstrap类且仅填充color_switch_size中的classname的按钮时，该按钮将切换颜色而没有任何问题。

B 。但是，当我尝试将color_switch_size中的classname和Bootstrap类一起填充时，切换将不再起作用。

我如何切换到与Bootstrap类一起使用的地方？我在做什么错了？

我尝试过：

let color_switch_size = this.state.white ? "white-btn text-capitalize font-weight-bold mt-3 mb-0 btn btn-light" : "green-btn text-capitalize font-weight-bold mt-3 mb-0 btn btn-light";

但这给了我与 B