風格懸停鏈接 - 與鐳在鐳

Question

我一直在尋找答案在這裏和文件中，但我似乎無法找到它。這是Radium documentation。

我想知道是否有方法在React中設置鏈接樣式？具體來說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); 

Answer 1

你不能做作出反應的style屬性什麼，你不能用標準的HTML內嵌樣式做。這包括使用CSS僞類。

相反，通過className屬性分配類到你的陣營組件和樣式應用到這個類中的CSS樣式表：

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

Answer 2

退房採用鐳的訪問插件：

https://github.com/FormidableLabs/radium/commit/87457d036c63312185d0148eb5b8a3cc48906e87

你換你的組件在<StyleRoot> ，寫你的風格，像這樣：

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