React Accepting Value Prop ConsoleLog显示与页面上的打印不同

问题描述 投票:0回答:2

我正在经历一个非常奇怪的情况,我接受来自Board的Square内的道具。我将其初始化为值,并在用户点击任意数字时尝试发出警报。理想情况下,这应该非常简单,虽然值在板上显示为1,如果我点击它,我会在功能中得到你在图片中看到的对象。

我正在关注React官方教程https://reactjs.org/tutorial/tutorial.html#completing-the-game

enter image description here

reactjs
2个回答
1
投票

这都是因为你在那里实现onclick功能的方式。它刚刚失去了事件的范围。请尝试使用下面的代码。用这个代码放置onClick函数。希望它能工作。 onClick={()=>{console.log(data)}}


2
投票

onclick事件处理程序有自己的范围变量value。这是一个onclick事件对象。这就是为什么你无法访问值对象是在render方法级别定义的。

更新事件处理程序

onClick={function(e) { console.log(value); }}
© www.soinside.com 2019 - 2024. All rights reserved.