Digamos que tengo un componente simple como este:
class SimpleComponent extends React.Component { render() { return <p>Some text</p> } } ¿Es posible agregar un className a SimpleComponent o esto está restringido solo a elementos HTML DOM?
Por ejemplo:
var mySimpleComponent = <SimpleComponent className="myComp"/>La razón por la que me gustaría hacer esto es para poder diseñar los elementos dentro de mi componente personalizado de esta manera:
.myComp > p { background-color: blue; }Puede, pero debe propagar el accesorio al componente interno. Si no, no lo sabe.
class SimpleComponent extends React.Component { render() { return <p className={this.props.className}>Some text</p> } } Para realizar la consulta CSS que desea realizar, debe crear el div dentro de su componente.
class SimpleComponent extends React.Component { render() { return <div className={this.props.className}><p>Some text</p></div> } }