javascript - React 中 props.fun 和 props.fun() 之间的区别

Question

在reactjs中使用功能组件时，我有一个onClick事件处理程序。

我按以下方式调用它；

onClick={ props.function } 

而不是；

onClick={ props.function() }

我得到的解释是下面的代码不起作用，因为它将立即被调用而不是向下传递。我没有完全明白这一点。谁能解释一下吗？

onClick={ props.function() }

Answer 1

在 Javascript 中，对象是通过引用复制的。这意味着，当您执行 var a = {} 或 function a() {} 时，会分配一个内存位置，用于存储与该变量相关的值。

该变量将保存内存位置，而不是实际值。

如果不调用函数，需要在函数名后添加括号()。

由于您想在单击事件上调用此函数，因此您必须传递对处理程序的引用，以便在触发事件时调用您的函数。

现在，您甚至可能面临这样的情况:您希望将参数传递给此类函数进行某些处理。

在这种情况下，您可以执行functionName.bind(context,arguments)