反应中的媒体查询与镭不工作

如何解决反应中的媒体查询与镭不工作

我最近开始学习 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 代码 包裹在了 <StyleRoot></StyleRoot> 元素中的 App.js 中，它具有在那里进口。

我在这里遗漏了什么？