ASP.NET Core项目的React中的ES6模板文字(模板字符串)

时间:2019-09-20 14:28:52

标签: reactjs asp.net-core ecmascript-6 template-literals

我在ASP.NET Core项目中使用了React,在那里我停留在一个地方,我需要类名的一部分是动态的,而另一部分应该是常量。模板文字可以实现我的用例,但是我不知道如何在项目中使用它。我想实现的目标在下面给出

<Button
    size="lg"
    className=`${this.state.btnColor} p-3 m-3`
    onClick={() => this.showForm()}
>

在上面的示例中-btnColor将包含颜色,我将根据用户互动来更改颜色,但应保持填充和边距不变。当我使用上面的代码时,它引发了错误。

我了解CSS background属性,但是我想使用引导类名称。当我更改btnColor的状态时,按钮的颜色将会改变。

如何在ASP.NET Core项目的React中使用ES6模板文字功能?

0 个答案:

没有答案