意图:
- 我想将不同的颜色传递给我的组件,我们需要通过它传递给
fill
svg(在 SVG 的内部); - 这种填充也可以通过 boxShadow inset 来实现......但如果作为道具传递也不起作用
问题:
fill
如果您在其中放置一个值,则 SVG的内部效果很好(在我放置的下面的代码中取消注释第 35 行lightblue
)
fill: 'lightblue'
- 不适用于
fill
传递的道具颜色...请注意,笔触,阴影,所有其他CSS似乎都可以正常工作...只有填充不起作用
'boxShadow' 的行为相同......下面代码中的详细信息也
重现此问题的示例代码:https ://stackblitz.com/edit/react-mui-2ybcce?file=svg.js