我是第一次try 用JSX构建一些代码.但是,当我试图使用for循环自动执行标记时,它给了我一个Eslint错误.

<table className="TableData">

    
    
let num= 9;



  <thead>
    <tr>
      <th>Week</th>


       for(let i=0; i <num; i++){
        return <th> {i+1}</th>;
        } 
     

      <th>Win</th>
      <th>Lose</th>
    </tr>
  </thead>

推荐答案

为数组中的每一项呈现一些JSX的常见方法是使用Array.map.

如果您只有一个数字而没有数组,您仍然可以创建一个包含new Array(9).fill(null)的数组

export default function App() {
  let num = 9;
  return (
    <div className="App">
      <table className="TableData">
        <thead>
          <tr>
            <th>Week</th>
            {new Array(num).fill(null).map((_, i) => {
              return <th>{i}</th>;
            })}
            <th>Win</th>
            <th>Lose</th>
          </tr>
        </thead>
      </table>
    </div>
  );
}

Edit cool-snow-7hn5tq

Javascript相关问答推荐

我应该绑定不影响状态的函数吗?'

使用JavaScript重新排序行

当试图显示小部件时,使用者会出现JavaScript错误.

编剧如何获得一个div内的所有链接,然后判断每个链接是否都会得到200?

为什么123[';toString';].long返回1?

在不删除代码的情况下禁用Java弹出功能WordPress

将多个文本框中的输出合并到一个文本框中

P5.js中的分形树

在渲染turbo流之后滚动到元素

如何根据查询结果重新排列日期

JavaScript&;Reaction-如何避免在不使用字典/对象的情况下出现地狱?

有没有办法通过使用不同数组中的值进行排序

P5play SecurityError:无法从';窗口';读取命名属性';Add';:阻止具有源的帧访问跨源帧

如何使用Cypress在IFRAME中打字

使用Library chart.js在一个带有两个y轴的图表中绘制两个数据集

如何向内部有文本输入字段的HTML表添加行?

KeyboardEvent:检测到键具有打印的表示形式

将字符串解释为数字;将其重新编码为另一个基数

如何在css中裁剪成一定Angular 的圆的一部分,而不需要复杂的多边形

Iterator.Next不是进行socket.end()调用后的函数