react中鼠标划入显示图片

你可以通过在React中使用`onMouseEnter`和`onMouseLeave`事件来实现鼠标划入显示图片的效果。

在你的组件中，你可以先定义一个状态来存储鼠标是否处于悬停状态：

const [isHovering, setIsHovering] = useState(false);

然后，在你的元素上添加`onMouseEnter`和`onMouseLeave`事件处理程序：

<img
  src={yourImageSrc}
  onMouseEnter={() => setIsHovering(true)}
  onMouseLeave={() => setIsHovering(false)}
/>

最后，你可以在组件中使用条件渲染来根据`isHovering`状态显示或隐藏图片：

{isHovering && <img src={yourImageSrc} />}