第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

不同文件中的繼承類父“this”結(jié)果為未定義

不同文件中的繼承類父“this”結(jié)果為未定義

弒天下 2023-07-06 17:41:42
我是 javascript/react 的新手,我嘗試進(jìn)行類繼承。問題是,當(dāng)我創(chuàng)建一個新的“子”并從父級調(diào)用函數(shù)時,“this”結(jié)果為未定義......這是我的文件:第一個文件:import React, { Component } from 'react';import ChildChecker from './ChildChecker';class ExampleForm extends Component {    render() {        let Checker = new ChildChecker();        return (           <label>               Name :                   <input type="text" onBlur={Checker.handleNameBlur} />           </label>        )    }}export default ExampleForm;兒童檢查器:import ParentChecker from './ParentChecker';export default class ChildChecker extends ParentChecker {}家長檢查器:export default class ParentChecker {    constructor() {        this.data = {            'foo': 'bar',        };    }    handleNameBlur(e) {        console.log(this.data); // <=== "this" result to undefined.        /* ... */    }}
查看完整描述

1 回答

?
慕虎7371278

TA貢獻(xiàn)1802條經(jīng)驗 獲得超4個贊

handleNameBlur在另一個上下文(Class)中使用,因此您應(yīng)該將其ExampleForm綁定在 ParentChecker 中以保留上下文。


export default class ParentChecker {

    constructor() {

        this.data = {

            'foo': 'bar',

        };


        this.handleNameBlur = this.handleNameBlur.bind(this);

    }

    handleNameBlur(e) {

        console.log(this.data); // <=== "this" result to undefined.

    /* ... */

    }

}


查看完整回答
反對 回復(fù) 2023-07-06
  • 1 回答
  • 0 關(guān)注
  • 164 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號