onClick={Fn}和onClick={()=>Fn}区别是什么

来源:3-5 添加交互行为

没有感情的吃饭机器

2022-02-27

问题1:todolist中向下传递属性onClick={() => { toggleTodos(todo.id) }},为什么不能写成onClick={toggleTodos(todo.id) }向下传递呢?
问题2:footer中 onClick={()=>{setVisibilityFilter(‘all’)}}为什么不能写成 onClick={setVisibilityFilter(‘all’)}呢?因为我理解的setVisibilityFilter本身就是一个函数了,为什么不对呢?
就是onClick={Fn}和onClick={()=>Fn}这两种形式的区别是什么呢?

写回答

1回答

qq_杨小姐好萌啊_0

2022-03-25

采用箭头函数的写法this是不会丢失的, 始终让this指向类, 普通函数的话, 你需要加bind, 否则this拿不到

0
0

React16+Redux实战企业级大众点评Web App

从架构设计到部署上线,带你学习React技术栈与核心思想

1071 学习 · 306 问题

查看课程