獲取包裝的DOM元素從一個方法屬性在陣營

Question

我有一個陣營組成部分的鏈接：

<a href="#goals-tab" className={ this.setTabStyle()}>Goals</a> 

現在，裏面setTabStyle方法，我可以訪問a元素的屬性，如href沒有明確地傳遞作爲參數的方法？

Answer 1

如果使用ref，則組件呈現DOM 而沒有樣式，然後應用新樣式。所以用戶會注意到樣式的變化。

我會建議通過鏈接作爲參數setTabStyle(link)，或使鏈接你的組件的另一支柱：

var Component = React.createClass({ 
    handleClick: function (e) { 
     console.log(e.currentTarget.getAttribute('href')); 
    }, 

    setTabStyle: function() { 
     if (this.props.link == this.props.activelink) { 
      return myActiveLinkStyle 
     } else { 
      return myInactiveLinkStyle 
     } 
    }, 

    render: function() { 
     return <a href={this.props.link} style={this.setTabStyle()} onClick={this.handleClick}>Click</a>; 
    } 
}); 

這樣一來，你從初始加載合適的款式..