title: How do i stop concatenation between two state values
body: <p>Every time i try to run this block of code it just concatenates a and b together. All other math operators work as expected except for +. Is there any way to stop/work around this?</p>
  
  <pre><code>export default class DataInput extends Component {
    constructor(props) {
      super(props);
      this.state = {
        a: 0,
        b: 0,
      };
    }
  
  
    handleCalculate = () =&gt; {
      const { a, b} = this.state;
      let average = (a + b)/2;
  
      this.setState({ results: average });
    };
  
    render() {
      return (
        &lt;View style={styles.DataInput}&gt;
            &lt;View style={styles.value}&gt;
              &lt;TextInput
                placeholder="Bench Press"
                onChangeText={a =&gt; this.setState({ a })}
                keyboardType={"numeric"}
              /&gt;
            &lt;/View&gt;
            &lt;View style={styles.value}&gt;
              &lt;TextInput
                placeholder="Shoulder Press"
                onChangeText={b =&gt; this.setState({ b })}
                keyboardType={"numeric"}
              /&gt;
            &lt;/View&gt;
        &lt;/View&gt;
  </code></pre>