在Reactjs中使用动态CSS类名

我正在我的一个子组件中使用下面的内容。我想要

{...this.props.class ? "className= 'form-control "+ this.props.class +"'": "className= 'form-control'"}

我在这样的父组件中使用它

class=""

---

控制台中出现

警告：无效属性名称：23

错误。

className={this.props.className？“表单控件”+this.props.className:“表单控件”}

您不能将

class

用作props变量。
它包含在javascript预定义单词中，不应用作变量名。

---

您可以在子组件中有一个名为

className

的道具，然后将

className=“my class”

传递给您的孩子

在子组件中，有条件地添加类的方法是：

className={`formcontrol${this.props.className | | |”“}}}

---

这意味着：如果传递了props.className，则添加它，否则使用空字符串和表单控件将始终存在，而不管从父级传递什么，这似乎是您的情况

谢谢，认真想想。我应该使用

className

？是的，你可以使用className。

…this.props.class

，我也不知道这是用来做什么的@我改变了答案。你需要这样的东西。谢谢@认真想想。你的解决方案是有效的。谢谢