在React中使用array.map和onchange

时间:2018-06-20 10:04:21

标签: javascript arrays reactjs ecmascript-6 mapping

下面的代码包含一个array.map函数,termi的功能是什么,它的来源以及array.map和{{ 1}}做

onchange

1 个答案:

答案 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()