Javascript 悬停链接的样式-使用镭

我一直在这里和文档中寻找答案，但似乎找不到。这是我的建议

我想知道是否有一种方法可以在React中设置链接的样式？特别是a、a:悬停、a:访问等

示例：

var React = require("react");
var Radium = require('radium');
var Link = require('react-router').Link

var Header = React.createClass({
    render: function(){

        var styles={
            links: {
                ":hover": {color: "red", textDecoration: "none"}
            }
        }

        return(     
            <div style={[styles.links]}>
                <Link to="/photos">Photos</Link>
            </div>
        );
    }
});

module.exports = Radium(Header);

var React=require（“React”）；
var镭=需要（‘镭’）；
var Link=require（'react-router'）。Link
var Header=React.createClass({
render:function（）{
变量样式={
链接：{
“：悬停：{颜色：“红色”，文本装饰：“无”}
}
}
报税表（
照片
);
}
});
module.exports=镭（表头）；

对于React的

样式

属性，您无法执行标准HTML内联样式无法执行的任何操作。这包括使用CSS伪类

相反，通过

className

属性为React组件分配一个类，并在CSS样式表中将样式应用于该类：

return(     
    <div className="my-link">
        <Link to="/photos">Photos</Link>
    </div>
);

返回（
照片
);

对于React的

样式

属性，您无法执行标准HTML内联样式无法执行的任何操作。这包括使用CSS伪类

相反，通过

className

属性为React组件分配一个类，并在CSS样式表中将样式应用于该类：

return(     
    <div className="my-link">
        <Link to="/photos">Photos</Link>
    </div>
);

返回（
照片
);

查看Radium访问插件的使用：

将组件包装在

写下你的风格如下：

myLink = {
  color: '#fff',
  ':visited': {
     color: 'purple'
  }
}

---

查看Radium访问插件的使用：

将组件包装在

写下你的风格如下：

myLink = {
  color: '#fff',
  ':visited': {
     color: 'purple'
  }
}

---

该死我完全想把这个设计得太过火了。我完全没时间上课。谢谢你指出来，该死的。我完全想把这个设计得太过火了。我完全没时间上课。谢谢你指出这一点，伙计。