Javascript ReactJS样式组件

Javascript ReactJS样式组件,javascript,css,reactjs,components,Javascript,Css,Reactjs,Components,我是reactjs新手,我制作了如下组件: <Row> <Column className="col-8 noPadding"> <Text value={this.props.description} /> </Column> <Column className="col-4 text-right noPadding"> <Text {...this.props}

我是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控件没有余量。我试着换颜色,但效果不太好。
如果在component类中应用样式,是否是设置其样式的唯一方法?

它只添加了一个新属性,并将宿主的类名设置为属性值。谢谢

了解这个道具吗?在子组件中将className作为道具使用,谢谢你的快速回答!好吧,Autosuggest没有错误属性,但它是如何做到的?所以Autosuggest知道className是用于样式设置的?您是否尝试在
Autosuggest
组件中导入css文件?
<AutoSuggest className="marginTop" {...this.props.formControlProps} description="test" value="test" />
    .marginTop{
    margin-top: 3rem;
}