如何为react-loading-skeleton的Skeleton组件设置border-radius？

为什么你原来的写法不生效 #

react-loading-skeleton@1.2.0 版本没有对外提供单独的borderRadius配置属性，直接传该参数不会被组件处理，自然不会生效。

可用实现方法 #

方法1：用内联样式修改（无需额外写样式，最快捷） #

1.2.0版本支持传入style属性自定义样式，直接把圆角规则写在里面即可：

<Skeleton
  width={127}
  style={{ borderRadius: '12.5px' }}
/>

方法2：用自定义类名覆盖样式（适合多处复用的场景） #

给Skeleton组件传入自定义类名，再通过CSS覆盖组件默认样式：
组件代码：

<Skeleton
  width={127}
  className="round-skeleton"
/>

CSS代码：

/* 加!important确保优先级高于组件默认样式 */
.round-skeleton {
  border-radius: 12.5px !important;
}

内容的提问来源于stack exchange，提问作者karo-s