Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
628 views
in Technique[技术] by (71.8m points)

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


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Reply

0 votes
by (71.8m points)

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


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
OGeek|极客中国-欢迎来到极客的世界,一个免费开放的程序员编程交流平台!开放,进步,分享!让技术改变生活,让极客改变未来! Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...