ReactJS样式组件

Question

我是reactjs的新手，我制作了一个像这样的组件：

<Row>
    <Column className="col-8 noPadding">
          <Text value={this.props.description} />
    </Column>
    <Column className="col-4 text-right noPadding">
          <Text {...this.props} />
    </Column>
</Row>

这对我来说很好用，但是如果我使用此组件（名为Autosuggest），则无法设置其样式。 我制作了一个.css文件（可在其他组件上使用），但是它不会影响我的Autosuggest控件：

<AutoSuggest className="marginTop" {...this.props.formControlProps} description="test" value="test" />

CSS：

    .marginTop{
    margin-top: 3rem;
}

Autosuggest控件没有边距。 我试图更改颜色，但是它也不起作用。 如果在组件类中应用样式，这是样式的唯一方法吗？

Answer 1

解决的方法只是添加了一个新属性，并将托管的className设置为properties值。 谢谢