reactjs - 与 Radium 反应的媒体查询不起作用

Question

我最近开始学习 React，现在我正在尝试使用 Radium JS 库创建一个媒体查询，但由于某种原因，它似乎没有在应用程序中应用。我试图在变量中重现的 CSS 代码是：

@media (min-width: 500px) {
    .Person {
        width: 250px;
    }
}

我尝试这样做的方式如下：

const person = (props) => {

    const mediaQ = {
        '@media (min-width: 500px)': {
            width: '250px'
        }
    };

    return (
        <div 
            className = 'Person'
            style = {mediaQ}>
        </div>
    );
};

不得不提的是，我已经将返回的JSX 代码包装在App.js中的<StyleRoot></StyleRoot>元素中，该元素已在那里导入。

我在这里想念什么？