React Error annot read property 'onChange' of undefined
<p>React Error cannot read property 'onChange' of undefined
    The app class is calling for a map of Breakpoint components</p>

<pre><code> &lt;Breakpoints  key={breakpoint.key}
           name={breakpoint.name}
           minWidth={breakpoint.minWidth}
           onChange={function () {   // this is where react says my error is
           this.onChange(breakpoint)
           }.bind(this)}/&gt;
</code></pre>

<p>this is the parent method</p>

<pre><code>`onChange(breakpoint) {
    this.props.breakpoints[breakpoint.key].name = name;
    this.state (this.state);
    console.log(breakpoint)
 }`
</code></pre>

<p>these are the child elements</p>

<pre><code>&lt;input type="text" name="name" defaultValue={this.state.name}  onBlur={this.onChange}/&gt;
&lt;input type="text" name="minWidth" defaultValue={this.state.minWidth} onBlur={this.onChange}/&gt;
</code></pre>

<p>this is how I am watching and trying to update the code</p>

<pre><code>onChange(e) {
    e.preventDefault();
    this.setState(
      {[e.target.name]: e.target.value},
      function () {
        console.log(this.state.name);
        this.props.onChange({
          key: this.state.key,
          name: this.state.name,
          minWidth: this.state.minWidth
        });
      }
    );
    }
</code></pre>