如何为React CoreUI CAvatar组件内的img标签添加alt属性？

直接给CAvatar组件添加alt属性时，属性会被应用到外层的div容器上，而非内部的img标签，这就是无障碍测试报错的原因。

解决方法是使用CAvatar提供的imgProps属性，将需要传递给内部img标签的属性（比如alt）以对象形式传入：

<CAvatar 
  style={{backgroundColor:"#71c6a2"}} 
  src='/assets/img/avatars/power.jpg' 
  size="lg"
  imgProps={{ alt: "Yet-to-Start" }}
/>

这样生成的HTML中，alt属性会正确绑定到内部的<img>标签上，满足无障碍测试的要求。

内容的提问来源于stack exchange，提问作者Nambi Rajan.P