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

Question

我现在正在学习React，我正在导入一个SVG usig＆＃34; svg-react-loader＆＃34;。我想知道是否有办法使用内联样式设置SVG的部分样式？例如，如果我的svg中包含rect和circle元素，则可以对这两种形状进行不同的设置吗？我的直觉是有这样的东西：

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

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

当然，这不起作用。任何帮助表示赞赏。

谢谢！