javascript - 在 typescript 主体前后插入缩进？

Question

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

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

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

当缩进.push();在顶部我在 for 循环中遇到错误。

我的目标是基本上在顶层创建开始和结束标签，然后在关闭顶层标签之前添加一堆嵌套标签。

Answer 1

你需要做这样的事情:

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

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

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

在返回语句中，您必须创建 react 元素 <div>这将有 child 实际上将是你的indents .