javascript - 是否可以使用打字稿在 html 标记内循环和插入代码？

Question

我在我的第一个打字稿“项目”上做了一些超级简单的事情，并提出了这个简单的问题。

在我以前的 javascript 时代，有一种方法可以在 html 标签中包含 javascript。

我目前正在做一个看起来像这样的项目：

<Table.Body>
    {nodes.map((row: { [key: string]: any }) => (
      <Table.Row>
        {Object.keys(row).map(
          (cell: string) =>
            isEnabled && (
              <Table.Cell key={row.id + row[cell] + cell}>

所以，目前我有一个反应组件的这个和其他语义。

我陷入了最简单的事情，一个循环。

我检查了如何做它迭代Typescript中的对象数组 如何循环包含对象的数组并访问它们的属性，我知道我的对象如何，但我无法将它插入这些标签中。

我基本上有row.myObject（这是一个数组）并且想要循环它并有一个带有myObject一些属性的span标签，但不确定是否由于是打字稿我可以很容易地做到这一点，或者我必须使用一个组件，任何想法？

我可以做这样的事情 {row.myObject[0].name} 但无法在没有编译器抱怨的情况下插入 foreach 代码

我可以做到这一点，但不能了解 for 命令

 (cell === "name" ? (
  <Label.Group>{row.myObject[0].name}</Label.Group>

标签： javascriptreactjstypescript