React 的最佳实践。悬停还是 mouseEnter/mouseLeave？
Best practice for React. Hover or mouseEnter/mouseLeave?
我正在学习使用样式化组件的 React，我有一个具有简单悬停效果的按钮。
可以使用 &:hover 在样式组件文件中创建此悬停效果，在我的 jsx 文件中，我可以使用 onMouseEnter。两者都可以。
我已经搜索 google 以找到被认为是最佳实践的内容，但没有成功，所以我在这里尝试。有人吗？
很简单的选择。
如果您需要更改样式，请使用“:hover”。您可以将道具传递给样式组件，以根据某些条件更改样式。
如果您需要在悬停时实现一些逻辑，请使用 onMouseLeave、onMouseEnter、onClick 和其他事件的事件处理程序。
使用事件处理程序来实现一些逻辑。例如，当你有一些元素并且你处理“onMouseLeave”时，在 mouseleave 事件处理程序中你改变了一些依赖于其他组件的东西。为此需要使用 onMouseLeave.
我建议对简单的样式设置使用样式。不要将 javascript 用于简单的样式设置，例如在悬停时显示蓝色，对于这种简单的设置，请使用 CSS.
我正在学习使用样式化组件的 React，我有一个具有简单悬停效果的按钮。
可以使用 &:hover 在样式组件文件中创建此悬停效果，在我的 jsx 文件中，我可以使用 onMouseEnter。两者都可以。
我已经搜索 google 以找到被认为是最佳实践的内容，但没有成功，所以我在这里尝试。有人吗？
很简单的选择。
如果您需要更改样式，请使用“:hover”。您可以将道具传递给样式组件，以根据某些条件更改样式。
如果您需要在悬停时实现一些逻辑，请使用 onMouseLeave、onMouseEnter、onClick 和其他事件的事件处理程序。
使用事件处理程序来实现一些逻辑。例如，当你有一些元素并且你处理“onMouseLeave”时，在 mouseleave 事件处理程序中你改变了一些依赖于其他组件的东西。为此需要使用 onMouseLeave.
我建议对简单的样式设置使用样式。不要将 javascript 用于简单的样式设置，例如在悬停时显示蓝色，对于这种简单的设置，请使用 CSS.