React-使用循环并实现删除和修改

在React当中如何使用for循环对当前的数据进行遍历：
这4个组件是自己一个个写进来的，因该根据数据的多少遍历出来对应的一个结果：

例如：遍历Persons时应该给我们返回一个对应的组件，而不是有一个写一个

在React中遍历需要使用正常的js语法（对应的逻辑要写在花括号里面）


解决此问题：添加key值属性，key里面必须有独一的标识

这样就给每一个元素标出了key值；
既然现在有用了下标，就可以给当前的组件添加对应的事件，比如现在添加删除的事件，点击某一个东西可以删除掉；

上述代码需要调整的地方，因为在React当中都在使用ES6的语法，ES6提供了一个操作运算符，如果后期往数组里面添加东西就会非常方便：

还有需要做的事情就是更改当前组件的一个内容：

这之前给person的每个对象赋一个id属性