Как удалить атрибут HREF из метки привязки в ReactJS

Question

У меня есть следующая функция рендеринга. Он создает гиперссылку, когда компонент имеет URL-адрес и оставляет его пустым в противном случае.

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. Для согласованности, хотя я бы предпочел.

Answer 1

У вас может быть установлено значение href равным #, а затем добавить обработчик onClick для него, который имеет e.preventDefault() как единственное, что для него. Тем не менее, я бы использовал метод span.