React函数如何在不将事件作为参数传递的情况下识别事件

Question

我开始学习React，在一个教程中我看到处理程序函数理解"事件"；是一个合成事件对象，但我们将其传递到onChange内部；{(e(=>handleChange(e(}"；。函数本身是如何计算的？这个概念的名字是什么？我很想了解更多关于它的信息。但我不知道该找什么。感谢

<input onChange={handleChange}/>

const handleChange = (event) => { console.log(event.target.value); }

Answer 1

@jonrsharpe和@Emiel Zuurbier说得很对。但是，我想用一种更简单的方式来解释它，这样新手就能更好地理解它。

这个概念的名称是什么？我很想了解更多关于它的信息。但我不知道该找什么。

我认为您必须阅读JS中的回调函数。https://developer.mozilla.org/en-US/docs/Glossary/Callback_function

函数本身是如何计算的？

OnChange接受回调函数。你想过那次活动的举办地吗？为了理解这一点，让我们假设onChange是这样的函数。(这只是为您解释这一点的一个假设(。因此，让我们假设onChnage函数做了一些事情来获取事件，然后调用将事件作为第一个参数传递的回调函数。

function onChange(callback) {
//does something to get the event
const event = getEvent();
//calling the callback function that you passed with the event
callback(event);
}

所以，现在我们知道了事件的来源。所以，你不必自己通过这个活动。将使用事件作为第一个参数来调用您传递的回调函数。我希望你清楚这一点。