Manipulando Componentes

Main.js

class List extends React.Component {

  constructor(props){
    super();
    this.props = props; // todas as propriedades setadas no List virao para ca
  }
  
  render() {
    return (
      <ul {...this.props} > // todas as propriedades setadas no List setarao aqui
      {this.props.children} // todos os elementos passados dentro do List aparecerao aqui
      </ul>
    );
  }
}

ReactDOM.render(
  <List style={{backgroundColor: "red"}}>
    <li style={{backgroundColor: "green"}}>Item a</li>
  </List>,
  document.getElementById('root')
);