title: How can I chain functions together in React
body: <p>I'd like to chain the two functions used below together to improve the experience of our mobile users. First the <code>updateSelectedValue</code> function should be called, then the <code>handleAddToCart</code> function. The below code works for desktop users, but not for mobile users:</p>
  
  <pre><code>&lt;span
    className="optionValue"
    key={optionValue}
    onClick={this.handleAddToCart}
    onMouseEnter={() =&gt; this.props.updateSelectedValue(optionValue)}
  &gt;
     {optionValue} 
  &lt;/span&gt;
  </code></pre>