React material-UI：无法通过道具颜色在 svg 上“填充”或使用“boxShadow”

问题描述

意图：

• 我想将不同的颜色传递给我的组件，我们需要通过它fill svg（在 SVG 的内部）；
• 这种填充也可以通过 BoxShadow inset 来实现……但如果作为 prop 传递，那也不起作用

问题：

• SVG 中的 fill 如果您在其中放置一个值，则效果很好（取消注释下面代码中我放置 lightblue 的第 35 行）

fill: 'lightblue'

• fill 不适用于传递的道具颜色...请注意，描边、阴影和其他所有 css 似乎都可以正常工作...只有填充无效

'BoxShadow' 的行为相同...下面代码中的详细信息也

重现此问题的示例代码：https://stackblitz.com/edit/react-mui-2ybcce?file=svg.js

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）