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

发布于 2022-09-12 03:32:39 字数 1114 浏览 16 评论 0

父组件定义方法:

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这个方法。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

坐在坟头思考人生 2022-09-19 03:32:39

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文