小编use*_*242的帖子

如何在React中的JSX中编写for循环?

我想编写一个简单的程序,其中使用 for 循环将打印从 0 到 10 的数字。我尝试使用 for 循环打印从 0 到 10 的数字并将 props 传递给子组件。这是我的代码:

import React, { Component } from 'react';
class App extends Component {



  render() {

    return(
      <div>
        <p>
        {
          for(var i=0;i<11;i++)
          {
            // var data=i;
            <Print value={i}/>
          }
        }
       </p>
      </div>
    );
  }
}

const Print=(props)=>{
  return(
    <div>
      {props.value}
    </div>
  );
}

export default App;
Run Code Online (Sandbox Code Playgroud)

javascript ecmascript-6 reactjs

7
推荐指数
1
解决办法
1610
查看次数

标签 统计

ecmascript-6 ×1

javascript ×1

reactjs ×1