如何理解react中onClick事件和传统的 HTML的onclick事件区别？

Question

传统html写法

<button onclick="activateLasers()">
  Activate Lasers
</button>

react写法

<button onClick={activateLasers}>
  Activate Lasers
</button>

传统的html事件被包成字符串，react事件是包到{};
为什么activateLasers()在react里写法就变成自动执行了？在html写法就触发事件执行呢？这两种执行有什么区别？
如何理解 onClick={ () => { activateLasers() } } 、onClick={ activateLasers }这两种写法相等？

Answer 1

建议你先扎实一下基础知识，这些问题就都引刃而解了

Answer 2

真的解释不来啊 ... 好基础 ...

1.我只能说是语法问题 .. 不要纠结这个，
想想你属性绑定里面的 :len="arr.length" 或者 :len="formatArrLength()"

2.事件的具体执行过程等这样
( () => activateLasers() )();
( activateLasers )();
箭头函数怎么转 ES5 大约不用说了吧