Javascript React.js：SVG特定元素的内联样式？

我现在正在学习React，我正在使用“SVG React loader”导入一个SVG。我想知道是否有一种方法可以使用内联样式设置SVG的部分样式？例如，如果我的

svg

中包含

rect

和

circle

元素，那么这两种形状的样式是否可能不同？我的直觉是这样的：

var style = {
    '.rect': {
        stroke:"green"
    },
    '.circle': {
        stroke:"red"
    }
}

render() {
    return (<TestSVG style={style}/>)
};

var样式={
“.rect”：{
笔画：“绿色”
},
'圆圈'：{
笔画：“红色”
}
}
render（）{
返回（）
};

当然，这是行不通的。感谢您的帮助

---

谢谢

您至少应该更新您的配置文件名。