css - 图像未出现在 React JS 和 CSS 中

Question

我写了这段代码，VSCODE我试图显示一个被剪裁为圆圈的图像，图像的溢出将被圆圈隐藏。但图像不显示。浏览器也不提供任何错误。图像路径是正确的，因为它不会引发任何错误。如果您需要任何进一步的信息，我会添加它们。

CSS

 .Pic {
    clip-path: circle(150px at center);
}

反应 JS

</section> 
<div classname ="Pic">
      <img  width = "150px" height ="150px" src={require("./Assets/profpicjpg.jpg")} alt="" ></img>
      </div>
</section>

标签： cssreactjsvisual-studio-code

Answer 1

放在default后面require如下：

<img  className="Pic"  width = "150px" height ="150px" src={require("./Assets/profpicjpg.jpg").default} alt="" ></img>