如何從ReactJS中的錨標記中刪除HREF屬性

我有以下渲染功能。它在組件具有URL時創建超鏈接，否則將其保留爲空。如何從ReactJS中的錨標記中刪除HREF屬性

render: function() { 
    var url = this.state.url; 
    if (url) { 
     return <a href={url}>{this.props.children}</a> 
    } else { 
     return <a>{this.props.children}</a> 
    } 
},

問題是，一旦設置了HREF屬性，React就不會將其刪除。 else子句將導致看起來像這樣的標籤：<a data-reactid=".0.1" href="">。

我知道我可以只使用一個SPAN標籤，而不是A.爲了一致起見，雖然我寧願不。

來源

2015-06-17 cleong

''元素必須具有'href'屬性或'name'屬性。你所創造的只是無效的。 –

「如果未指定href屬性，則該元素表示佔位符超鏈接。」 http://www.w3.org/TR/html-markup/a.html#a – cleong

我糾正了。這是一個有趣的部分：*「a元素上的name屬性已過時，請考慮將id屬性放在最近的容器上。」* –

你可以將href設置爲＃，然後爲它添加一個onClick處理程序，它只有e.preventDefault()作爲它。儘管如此，我只是使用span方法。

來源

2015-06-17 15:24:59 tirdadc

如何從ReactJS中的錨標記中刪除HREF屬性

回答

相關問題