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;
}

自动建议控件没有边距。我试图更改颜色，但是它也不起作用。如果您在组件类中应用样式，那么这是唯一的样式设置方法？

Answer 1

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

ReactJS样式组件

1 个答案: