Reactjs 有人能告诉我react Js中子元素的循环实现有什么问题吗

我正在尝试循环遍历子元素，以便在Div标记下显示多个子元素

import React from 'react';
import StatusActivity from './App.js';
import ReactDOM from 'react-dom';
class App extends React.Component{
render(){
        return (
<div > {
        for(i=0;i<4;i++){ 
            <h1 > asdf </h1> //looping here for h1 tag
        }
}</div >
        );
    }
}
ReactDOM.render(
        <App/>,
  document.getElementById('root')
);

从“React”导入React；
从“/App.js”导入StatusActivity；
从“react dom”导入react dom；
类应用程序扩展了React.Component{
render（）{
返回(
{
对于（i=0；i
将for循环移到渲染内部和返回外部
您可以将jsx元素推入数组中，并在div中呈现它们，如下所示
也不要忘记在循环中为h1元素添加唯一的键
试试这个

import React from 'react';
import StatusActivity from './App.js';
import ReactDOM from 'react-dom';
class App extends React.Component{
  render(){
     const items = [];
     for(var i=0;i<4;i++){ 
        items.push(<h1key={`Key_${i}`}> asdf </h1>)
     }
     return (
        <div >{items}</div>
     );
  }
}
ReactDOM.render(
        <App/>,
  document.getElementById('root')
);

从“React”导入React；
从“/App.js”导入StatusActivity；
从“react dom”导入react dom；
类应用程序扩展了React.Component{
render（）{
常量项=[]；
for（var i=0；Itis不修复问题…它说，编译失败Line 10:解析错误：意外标记8 | return（9{>10 |）for（i=0；我能请你在编辑器中粘贴上面的注释吗，它会显示我知道这种方法的正确性…但我希望得到早期方法失败的原因的答案…无论如何，谢谢…items.push（asdf）您可以像这样使用render（）{let heading=[{id:1，content:“heading 1”}，{id:2，content:“heading 2”}，{id:3，content:“heading 3”}，{id:4，content:“heading 4”}；let headings=heading.map(（value，index）=>{return（{value.content}}）return（{headings}）；}创建一个对象，将标题放在其中，然后使用map循环，它将根据您的需要正确绘制