关于javascript:在JSX中使用For循环

Use For loop inside JSX

本问题已经有最佳答案,请猛点这里访问。

你可以像这样在JSX中使用for循环吗?
或者更确切地说,像这样编写for的方法是什么?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
var graph =
       

        .
        .
        .

           
                {DataRows.forEach(function(entry) &&
                   
                       
                            entry
                       
                   
                )}

           
        ;

使用地图,以便实际返回元素。 foreach不返回任何东西。 您对&&的使用也无效。

1
2
3
4
5
6
7
8
9
10
11
12
var graph =
       
           
                {DataRows.map(entry =>
                   
                       
                            entry
                       
                   
                )}
           
        ;

请注意,我添加了一个key属性 - 用于优化元素数组的呈现,每个项目应该具有唯一键(不仅仅是数字索引)。


而不是使用forEach循环,您可以使用Array.prototype.map()

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
var graph =
   

    .
    .
    .

       
            {DataRows.map((entry) => (
               
                   
                        entry
                   
               
               )
            )}

       
    ;


forEach不会返回任何内容。 你不会看到任何结果。 相反,您可以使用.map,例如

1
2
3
4
5
6
7
8
 {
     DataRows.map(function (entry) {
             return
                       
                            entry
                         < /div>
                })
}