在 React 渲染之前以编程方式将样式添加到 svg？答案

【问题标题】：Add style programmatically to an svg before it's rendered by React?在 React 渲染之前以编程方式将样式添加到 svg？
【发布时间】：2016-10-20 11:47:27
【问题描述】：

我可以在 react 中渲染我的 svg

 render () {
     return (
        <object type="image/svg+xml" data="./src/img/test.svg" ref="svg">
        </object>
     )
 }

我希望用户能够通过选择作为道具传入的颜色来更改填充。在渲染中返回之前如何更改 svg 的样式？

我也研究过在 componentDidUpdate() 中更改它，但我认为在那里操作 DOM 违反了一般的 React 设计模式。

【问题讨论】：

【解决方案1】：

使用以下流程：

参考文献

【讨论】：