title: jsx-a11y/no-static-element-interactions: how to make span clickable
body: <p>In my project we have this lines of codes:</p>
  
  <pre><code>    &lt;span
        onClick={this.toggleEditing}
      &gt;
        {this.state.value}
      &lt;/span&gt;
  </code></pre>
  
  <p>Needless to say, it produces an error in eslint with message "Visible, non-interactive elements should not have mouse or keyboard event listeners jsx-a11y/no-static-element-interactions". But I don't know what is the best way to fix this situation, should we change it to button and change style to look  like a span. I really don't have much experience with this problem.</p>