TypeError:this.props.sendKitchen不是函数……为什么?

我知道这个问题经常被问到,但是我没有找到解决方案,我也不知道为什么会出现这个错误。 typeError在我的Order(子)组件中。我使用react和react-router。

这是我的孩子部分:

class Order extends Component{
    constructor(props){
        super(props);
        this.sendKitchen=this.sendKitchen.bind(this);
        this.state={
            name:'',
            choiceMenu:[],
            order:[],
            total:0,
            timeS:'',
            timeN:0
        }
    }
    sendKitchen(){

        let orderString=[];
        (this.state.order).forEach(food=>{orderString.push(food.name)});

        let date=new Date();
        let dateString=date.getHours()+':'+date.getMinutes();
        let dateNumber=date.getTime();

        let client={
            name:this.state.name,
            delivery: false,
            total: parseInt(this.state.total),
            timeS:dateString,
            timestamp:dateNumber,
            order: orderString
        };  
        this.props.toKitchen(client);
    }
    render(){
        return(

              <Button variant="success" onClick={this.sendKitchen}>ENVIAR A COCINA</Button>
        )}

这是我的父组件

class App extends Component{
  constructor(props){
    super(props);
    this.toKitchen=this.toKitchen.bind(this);
    this.state={
      clients:[]
    }
  }
  toKitchen(client){
    console.log(client);
  }

  render(){
    return (
      <div >

        <Order
          sendKitchen={this.toKitchen}/>

      </div>
    );
  }
}

我尝试了很多解决方案,但仍然遇到相同的错误

编辑:我删除了反应路由器部分,我更改了传递道具的函数的名称,但仍然无法正常工作。我也将该功能更改为箭头功能,但出现相同的错误,因此我删除了该更改。