Javascript 事件处理程序的正确名称是什么？onClick还是handleClick？

我相信保持代码的一致性是很重要的。 有时我会用不同的处理程序名（使用Javascript）将代码弄乱。

---

事件处理程序的正确名称是什么

onClick

vs

handleClick

？

这是主观的，但您会看到以下内容：

• 若您正在创建组件并公开事件挂钩，那个么这些道具将是

  on

  ：onClick、onHover、onUsernameChanged、onError。从组件内部看，这些道具只是在某个事件中调用的函数。你不在乎他们做什么，你的工作就是在合适的时间给他们打电话
• 如果您正在使用另一个组件，那么您希望添加处理以响应这些事件，因此您可以使用

  handle

  ：handleChange、handleClick、handleUserLogout，因为您现在的任务是处理某个事件，并使某个事件发生响应。如果不处理，则不会对应用程序状态进行任何更改
严重的
根据：。页面的自动转发器显示：
道具： 我们通常在*上使用带有

的前缀，如在
onClick
中。这与内置事件处理程序约定相匹配。通过匹配它，我们声明这些道具将包含类似使用的事件处理函数

对于函数名：
我们遵循完全相同的模式，但我们将

上的

替换为
句柄*
，如
handleClick

我希望我能帮助你。
要在…上使用道具。。。例如：

const ProductVariants = ({ productId, onCancel, onReturnProducts })

但是你的函数名你应该用handle

<ProductVariants
            productId={productId}
            onCancel={handleCancel}
            onReturnProducts={handleReturnProduct}
          />

我认为调用组件的属性
onClick
很常见，就像在html元素的“onClick”属性中一样。处理程序是附加到该属性的函数，因此，例如，对于React组件，您可以执行类似于
const handleClick=（）=>“单击”
和
的操作，事件处理程序没有“正确的名称”，这取决于您决定遵循的约定。我喜欢将
onClick
视为实际事件，并使用
handleClick
作为处理事件的函数。在这方面有很多不同的观点和方法，最主要的是，当您编写函数时，您应该在整个应用程序中保持一致。