Question

在本教程w3 schools tutorial中，我想在React中将图像悬停时进行覆盖。

我的代码：

<div className="grid-item" key={movie.id}>
                            <img className="grid-images" alt={movie.title} src={movie.src}>
                                <div className="overlay">{movie.title}</div>
                    </div>

我的错误消息：Parsing error: Expected corresponding JSX closing tag for <img>

由于JSX不允许不关闭img标签，因此此方法无效。我似乎找不到其他方法来在React with CSS中做到这一点。任何人？ :)谢谢！

Answer 1

您只需要通过在>：之前添加'/'来自动关闭img标签即可。

<img className="grid-images" alt={movie.title} src={movie.src} />

用JS方式在React上悬停

1 个答案: