React-onClick使用箭头函数的问题


Reac中onClick使用箭头函数的疑问

如果直接写:

onClock = {this.handleClick(i)}

这样的话,在render的时候就已经执行了,肯定不行。

写成这样:

onClick= {this.handleClick}

需要携带参数过去的话就不好解决。

就需要匿名函数将参数带过去:

onClick = {()=> handleClick(i)}

闭包让i 保持对renderSquare的 i 的引用。


文章作者: 木叶勇
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 木叶勇 !
 上一篇
快捷化-VSCode代码格式化 快捷化-VSCode代码格式化
VSCode代码格式化快捷键及保存时自动格式化VSCode代码格式化 shift + alt + F 保存代码格式化 点击左下角的设置图标,进入设置 搜索emmet,进入settings.json 添加"editor.fo
2020-04-15
下一篇 
Git-git常用命令 Git-git常用命令
git常用命令 由于每次使用git命令的时候都要去google,特意写文章记录下,按照一个空白项目的开发流程来记录。 从远程仓库克隆 git clone 远程仓库的地址 建立本地跟远程仓库的连接 git remote add or
2020-04-15
  目录