类型错误：this.props.onIncrement 不是 function

Question

我在反应方面是全新的，并尝试创建计数器应用程序，但是当我尝试将计数器组件功能移动到主 App.js 时，我在计数器组件中收到错误。 我将非常感谢您的帮助

计数器组件

import React, { Component } from 'react';
import Counter from './counter';
class Counters extends Component {
render() { 
    return (
    <div>
        <button 
        className="btn btn-primary btn-large m-2" 
        onClick={this.props.OnReset}
        >Reset
        </button>

       {this.props.counters.map(counter => (
       <Counter 
       key={counter.id} 
       onDelete ={this.props.OnDelete} 
       onIncrement ={this.props.OnIncrement}
       counter={counter}
       />
      ))}
    </div>
    );
}

}

来自 App.js 的一部分

handleIncrement = counter=>{
 const counters = [...this.state.counters];
 const index = counters.indexOf(counter);
 counters[index] = {...counter}; //counter object clone
 counters[index].value++; 
 this.setState({counters});};

render(){
return (
  <React.Fragment>
    <NavBar/>
    <main className="container">
      <Counters
      counters={this.state.counters}
      onReset = {this.handleReset}
      onDelete ={this.handleDelete} 
      onIncrement ={this.handleIncrement}
      />
    </main>
  </React.Fragment>
);}