在打字稿中主体前后推压缩?

时间:2017-09-11 21:58:18

标签: javascript html reactjs typescript

我正在使用React和Typescript,尝试这样做:

    let indents: JSX.Element[] = [];
    indents.push(<div>);

    for (var i = 0; i < 10; i++)
    {
        indents.push(<div>Testing</div>);
    }
    indents.push(</div>);

当indents.push();最重要的是我在for循环中遇到错误。

我的目标是在顶级创建开始和结束标记,然后在关闭顶级标记之前添加一堆嵌套标记。

1 个答案:

答案 0 :(得分:2)

你需要做这样的事情:

let indents: JSX.Element[] = [];

for (var i = 0; i < 10; i++)
{
    indents.push(<div>Testing</div>);
}

return (
  <div>
    {indents}
  </div>
);

在return语句中,您必须创建具有子项的反应元素<div>,这些子项实际上将是您的indents