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

问题描述

我最近开始学习 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 中，它具有在那里进口。

我在这里遗漏了什么？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）