title: Apply style "cursor: pointer" to all React components with onClick function
body: <p>I would like to apply the style <code>cursor:pointer</code> to all React elements that have an onClick function.  I know I could do this to every element:</p>
  
  <pre><code>&lt;a onClick={handleClick} style={{cursor:'pointer'}}&gt;Click me&lt;/a&gt;
  </code></pre>
  
  <p>or this:</p>
  
  <pre><code>&lt;a onClick={handleClick} className="someClassWithCursorPointer"&gt;Click me&lt;/a&gt;
  </code></pre>
  
  <p>But I'd much rather be able to just do something like this to apply the style to all elements:</p>
  
  <pre><code>&lt;style&gt;
   [onclick] {
     cursor: pointer; 
    }
  &lt;/style&gt;
  </code></pre>
  
  <p>But that won't work because there's no actual <code>onclick</code> attribute in the rendered HTML of an element when using React's <code>onClick</code> attribute.  </p>
  
  <p>Fiddle: <a href="https://jsfiddle.net/roj4p1gt/" rel="noreferrer">https://jsfiddle.net/roj4p1gt/</a></p>