Что нужно установить href для реагирующего компонента с помощью onclick

Question

У меня есть якорный элемент, подобный этому;

<a href="#" onClick={this.handleNewFormToggle}> 
    <i className="ml-20 glyphicon glyphicon-plus"/> 
</a> 

Но это не удается с помощью eslint с jsx-ally/href-no-hash.

javascript:void() это по соображениям XSS и не HREF не терпит неудачу с:

jsx-ally/no-static-element-interactions

так, что я должен установить его?

Answer 1

Если ваша перевязка жалуется, вы можете оставить href="#" в теге a. Тогда в handleNewFormToggle вы можете предотвратить действие по умолчанию события мыши:

handeNewFormToggle(event) { 
    event.preventDefault(); 
} 

В качестве альтернативы, изменить правила пылеобразования, чтобы позволить вам удалить HREF тега :)