我正在使用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循环中遇到错误。
我的目标是在顶级创建开始和结束标记,然后在关闭顶级标记之前添加一堆嵌套标记。
答案 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
。