是否可以在自定义反应组件上设置className?

假设我有一个像这样的简单组件:

class SimpleComponent extends React.Component

{

render() { return <p>Some text</p> }

}

是否有可能加入classNameSimpleComponent或者是这个限制为仅HTML DOM元素?

例如:

var mySimpleComponent = <SimpleComponent className="myComp"/>

我这样做的原因是为了可以在自定义组件中设置元素的样式,如下所示:

.myComp > p {

background-color: blue;

}

回答:

可以,但是应该将prop传播到内部组件。如果没有,它不知道。

class SimpleComponent extends React.Component

{

render() { return <p className={this.props.className}>Some text</p> }

}

要进行要完成的CSS查询,则应div在组件内部创建一个。

class SimpleComponent extends React.Component

{

render() { return <div className={this.props.className}><p>Some text</p></div> }

}

以上是 是否可以在自定义反应组件上设置className? 的全部内容, 来源链接: utcz.com/qa/400361.html

回到顶部