下面的代码包含一个array.map
函数,term
和i
的功能是什么,它的来源以及array.map
和{{ 1}}做
onchange
答案 0 :(得分:1)
map()
方法创建一个新数组,其结果是在调用数组中的每个元素上调用提供的函数。因此,在下面的行中:
array.map((term,i)
您正在映射名为array
的数组并遍历该数组,为数组中的每个值分配单词term
,并为每个数组元素返回一个tr
元素以及它们各自的值值,索引和可变字符串打印在<tr>
上。
i
是作为键的各个值的索引,因为您没有为元素指定唯一的键ID。
“键”是特殊的字符串属性,在创建元素列表时需要包括在内。按键可帮助React识别哪些项目已更改,添加或删除。
请注意,如果项目的顺序可能更改,则不建议对索引使用索引。这可能会对性能产生负面影响,并可能导致组件状态出现问题。
请查看官方React Docs中的keys
部分,以更详细地了解按键。
onchange
监视输入字段中的任何更改,并在检测到更改时运行iLikeFunctions()
。
tldr:上面的代码循环遍历数组['here','we','go'];
,并为每个值返回一个<tr>
。每当输入字段值更改时,它也会运行iLikeFunctions()
。