Taro中子组件调用父组件方法的问题报this.props.xxx is not a function

父组件定义方法:

type PageStateProps = {
    OrderStore: {
        getOrders: Function;
        orders: Array<any>;
        onAcceipt: Function;
        confirmModalState: boolean;
    };
    onAcceptOrder: Function;
};

onAcceptOrder() {
  console.log(this);
}

{orders.map((item) => {
   return <OrderItem orderItem={item} key={item.workOrderId} onAcceptOrder={this.onAcceptOrder} />;
})}
};

子组件:

type PageStateProps = {
    orderItem: {
        workOrderId: string;
        workOrderNo: string;
        content: string;
        createTime: string;
        workOrderStatus: number;
        createUserName: string;
        acceptUserName: string;
        productName: string;
        productClassificationName: string;
    };
    onAcceptOrder: Function;



onAcceptOrder = () => {
   console.log(this);
  this.props.onAcceptOrder();
};

<AtButton className='btn-accept' onClick={this.onAcceptOrder}>接单</AtButton>

点击"接单"按钮以后会报this.props.onAcceptOrder is not a function,打印this.props中也没有onAcceptOrder这个方法。

阅读 4.2k
1 个回答

方法没有问题,自己解决了

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进