react onclick导致编译错误

知道了。let关键字只允许我居住在for块中的变量。但是,onclick函数将在for范围之外使用,这将导致当时不存在变量i。但是,编译错误消息的连线太多。

而不是:

onClick={() => console.log(i)}    

尝试做:

onClick={() => console.log(i).bind(this)}   

imho,这是因为您使用的是箭头函数语法,并且 let 被限制在for循环内 bind 该控制台的行为将与它属于您的let变量所在的全局/外部范围相同。 i 不 存在。

我注意到你用过 leftButtons 变量来按下按钮,这是错误的方法。你已经有了 total 你想打印每一张唱片的按钮。

你可以很容易地在 jsx 。

{
 for (let i = 0; i <= total; i++){
  <Button onClick={() => console.log(i)} key={`leftBtn_${i}`} color="primary">{i + 1}</Button>;
 }
}