components.jsx

import React, { Component, createElement as h } from 'react'

const Foo = ({text, ...props}) => h("span", props, text)

const Bar = props => h("div", {},
  h(Foo, { ...props, style: "color: blue" })
)

class Baz extends Component {
  constructor(props) {
    super(props)
    this.state = { text: 'Baz-text' }
  }
  render() {
    return h(Bar, { text: this.state.text })
  }
}

render(h(Baz), document.body)

result.html

<div>
  <span style="color: blue;">
    Baz-text
  </span>
</div>