Javascript 条件SCS或覆盖变量文件

在react状态下，我将传递一个列表、位置和调用组件

comments: {
                elementLabel: "Comments",
                elementType: 'textarea',
                className: "form-control",
                elementConfig: {
                    placeholder: "comments",
                    name: "comments",
                    id: "comments",
                       },
                value: '',
                rows: "5",
                cols: 5,
                form_value: "",
                validation: {
                },
                valid: false,
                touched: false,
                isChanged: true,
                errorMessage: "",
                changed: (event) => this.inputChangedHandler(event, "comments"),
                blured: (event) => this.inputBlurHandler(event, "comments")
            },

如果下面的值被调用，那么我要在类中设置它

.form-control {
    height: 34px !important;
  } instead of this i want to set `80px`

完整类别的SCS将在中找到 我怎样才能做到这一点？ 如果我试图添加一个新类，并使用div-than呈现它，而不做任何更改，它会将其覆盖回去

<div className="form-row mb-3">
                                <div className="col-md-12">
                                    <div className="ftm-form">
                                        <Input
                                        className="form-control-height"
                                            {...this.state.comments}
                                        />
                                    </div>
                                </div>
                            </div>

变动前

---

在您的更改之后，首先，在css中，您应该将您的类描述为

.form-control {
    height: 34px;

    &.form-control-height {
      height: 80px;
    }
  }

在react代码中，您正在用您的状态覆盖您的类名。以以下方式重构代码：

<div className="form-row mb-3">
  <div className="col-md-12">
    <Input {...this.state.comments} className="form-control form-control-height" />
  </div>

---

首先最好不要定义固定高度。而且你不应该在这里用重要的。但是这样做，如果你想要一个不同的样式，只需要设置一个不同的类。在css中，您设置了

.form-control.my-super-class{height:80px！important；}

更新的问题和建议的更改。看起来这是一个一般的css问题，没有解决最初的问题。你可以更新你的CSS或HTML，这取决于事情的外观。或者，如果你不能自己解决这个问题，就提出一个新问题。但是看起来你现在可以根据应用程序的状态设置高度了。同样的问题，请检查更新屏幕截图的设置