Javascript 在Stenciljs中初始加载后将子项添加到div

我对Stenciljs非常陌生，我的任务是在Stenciljs中创建一个虚拟表作为web组件。 我遵循的方法是最初创建行div，但希望在收到数据后用数据/子节点填充它们。 数据可以是API调用。 我想知道是否有一种方法可以使用appendChild或类似的东西将jsx动态添加到html节点。

---

如果我能得到任何类型的示例或参考，那就太棒了。

您不能在运行时真正使用JSX（因为它会被传输到

h

调用中），但您可以将数据作为道具传递到组件中，然后让渲染函数从中动态生成JSX（因为这样动态部分也会被传输）。非常简单的示例：

导出类MyTableComponent{
@Prop（）数据：字符串[]；
render（）{
返回(
{data.map（行=>(
{row.map（col=>{col}}
)}
);
}
}

或者，您可以使用

@method

装饰器公开一个类方法，该装饰器将一些数据作为道具，并将某些内容附加到组件中