在react原生中有响应鼠标悬停事件的东西吗？

import React, { useState } from 'react';

function MyComponent() {
  const [isHovered, setIsHovered] = useState(false);

  const handleMouseEnter = () => {
    setIsHovered(true);
  };

  const handleMouseLeave = () => {
    setIsHovered(false);
  };

  return (
    <div
      onMouseEnter={handleMouseEnter}
      onMouseLeave={handleMouseLeave}
      style={{ backgroundColor: isHovered ? 'red' : 'blue' }}
    >
      {isHovered ? 'Hovered' : 'Not Hovered'}
    </div>
  );
}

export default MyComponent;