如何通过react-loading Skeleton为skeleton创建边界半径？

Question

我需要使用react-loading-skeleton库创建Skeleton。一个项目应该有边框半径，如下图所示。

​

​

你知道怎么做吗？

我的库版本："react-loading-skeleton": "1.2.0" (升级可能性低)

我试着这样解决它，但它不起作用:(

<Skeleton
    width={127}
    borderRadius={12.5}
/>

Answer 1

使用如下的包装器：

.rounded-skeleton {
  border-radius: 200px;
  overflow: hidden;
}

JSX：

  <div className="rounded-skeleton">
    <Skeleton />
  </div>

CodeSandbox here