title: ESlint jsx-a11y/anchor-is-valid warning
body: <p>ESlint seems to be very clear; it wants a valid link to be used inside the anchor tag. But I want to use it this way and I don't want to replace this anchor with a button or something else. </p>
  
  <p>Also, the warning is not persistent. Sometimes it disappears. What I want to know is why is this happening? What is wrong with using an anchor without a reference actually ?</p>
  
  <p>Warning comes from the following piece of code. </p>
  
  <pre><code> &lt;a
     key={randKey}
     className="list-icons-item"
     data-action={this.props.headerElements[i]}&gt;
   &lt;/a&gt;
  </code></pre>
  
  <p>How can I disable this warning or what is the best practice ?</p>