react组件值被覆盖的问题

父组件声明了一个变量用于传给子组件。
clipboard.png
然后通过这个形式传给子组件

clipboard.png
子组件的结构是

clipboard.png

遍历的时候是没有问题的,但是不论点击哪个子组件 haha这个函数返回的name值都是wangbing5 好像被覆盖一样。

clipboard.png

clipboard.png

工作开发遇到的问题,于是写了个小demo想研究一下。 已经有解决方法,现在就是想知道为什么会出现这种情况。
不知道我解释的清楚没有,可能有点乱,实在抱歉。第一次发帖,不好意思。

阅读 4.5k
3 个回答

还是好好补补基础吧
name是全局的,react渲染完了组件之后,在下一次渲染之前是不会去管name以后的值了,点击输出的是同一个name当然一样.要么闭包、要么name与state关联
遍历用forEach,不是map

这些代码都写一个文件的吧?

你把name定义到QuestionComponent内试试看。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题