我如何设置HTML以响应ref

Question

我的元素（ref中有this.container：

render () {
    return (
        React.createElement(this.props.tag, {
            ref: (node) => {
                this.container = node
            },
            className: this.props.className,
            style: {
                width: '100%',
                wordWrap: 'break-word',
                'white-space': 'pre-wrap',
            },
        },
        this.props.children
        )
    )
}

在某些函数中，我可以调用this.container.innerHTML = string来设置一些动态字符串。

我想将innerHTML设置为foo <h1>bar</h1>，我尝试使用：this.container.innerHTML = 'foo' + <h1>bar</h1>但不起作用，我在输出html中得到foo [object Object] 。我怎样才能做到这一点？