我用打字稿/ Aurelia创建了一个Azure DevOps扩展。 现在，我想将React Components集成到此扩展中，以使用Azure DevOps的默认样式。

当我只使用react时，我可以简单地使用以下代码显示带有内部HTML的卡片。

<Card classname="flex-grow">
    <b>Hello World<b/>
</Card>

但是因为我使用Aurelia，所以必须制作一个组件来包装react组件。不幸的是，我的代码中存在一个错误，因此内部HTML不会呈现。

@noView()
@autoinject()
@customElement('basic-card')
export class ReactElement {

    reactComponent: any = {};
    element: Element;

    constructor(element: Element) {
        this.element = element;
    }

    render() {
        this.reactComponent = ReactDOM.render(
            React.createElement(Card,null,this.element.children),this.element
        );
    }

    bind() {
        this.render();
    }

    dataChanged(newVal) {
        this.bind();
    }
}

和HTML：

<basic-card>
  <b>Hello World</b>
</basic-card>

谁能告诉我如何解决这段代码，以便在卡片中看到HTML Hello world ？