react onClick回调

最新推荐文章于 2026-05-02 09:04:55 发布

原创最新推荐文章于 2026-05-02 09:04:55 发布 · 1k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#react #onClick

收录于

js 专栏收录该内容

34 篇文章

订阅专栏

本文详细解析了在React框架中，如何为List组件的每一项设置正确的点击事件处理函数，避免立即执行的问题，并确保回调函数能够正确地接收参数。

return(
                <List.Item actions={[<a onClick={()=>{this.downLoadFile(item)}}>下载</a>]
                }>
                  <List.Item.Meta
                    className={styles.ListItem}
                    description={item.fileName}
                  />
                </List.Item>
              )

这里的onClick写成箭头函数是因为如果我们直接写this.downLoadFile(item)的话它就相当于一个立即执行函数

因此如果我们既想它不立即执行，又有回调的话，就可以用这样的写法