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

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

類型錯(cuò)誤:無(wú)法讀取未定義的屬性“telephoneno”

類型錯(cuò)誤:無(wú)法讀取未定義的屬性“telephoneno”

婷婷同學(xué)_ 2023-05-11 13:23:44
我正在 React JS 上嘗試一個(gè)簡(jiǎn)單的程序,代碼如下class Employee extends Component {    constructor() {        super();        this.state = {            name: '',            address: '',            city: '',            telephoneno: '',            stdcode: ''                                }        // Other event handlers goes here        this.handlePhoneNoChange = this.handlePhoneNoChange(this);    }    handlePhoneNoChange(event) {         this.setState({ telephoneno: event.target.telephoneno });    }    render() {        return (            <center>                <div>                    <div class="input-group input-group-sm w-50">                        <div class="input-group-prepend">                            <span class="input-group-text" id="basic-addon1">Phone No</span>                        </div>                                                        <input type="text" class="form-control" placeholder="Phone No" id="phoneno" aria-label="PhoneNo" aria-describedby="basic-addon1" onChange={ this.handlePhoneNoChange } value={ this.state.telephoneno } /><br/>                    </div><br/>                            </div>              </center>        );    }} export default Employee;它與'TypeError: Cannot read property 'telephoneno'未定義的錯(cuò)誤。我試圖在這里理解這個(gè)概念。為什么它只報(bào)告“telephoneno”錯(cuò)誤而不報(bào)告其他字段?我究竟做錯(cuò)了什么 ?
查看完整描述

3 回答

?
紅糖糍粑

TA貢獻(xiàn)1815條經(jīng)驗(yàn) 獲得超6個(gè)贊

問(wèn)題是這一行:

this.handlePhoneNoChange?=?this.handlePhoneNoChange(this);

如果你仔細(xì)觀察,你就不見(jiàn)了.bind。因此,您將其稱為this事件。您的組件中沒(méi)有target屬性,因此會(huì)引發(fā)錯(cuò)誤。

錯(cuò)誤的修復(fù)是:

this.handlePhoneNoChange?=?this.handlePhoneNoChange.bind(this);

但是,它不會(huì)解決其他答案中突出顯示的問(wèn)題。

查看完整回答
反對(duì) 回復(fù) 2023-05-11
?
慕田峪4524236

TA貢獻(xiàn)1875條經(jīng)驗(yàn) 獲得超5個(gè)贊

event.target.value基本上檢索調(diào)用它的任何輸入的值。


在這種情況下,可以通過(guò) event.target.value 訪問(wèn)telephoneno輸入的值


所以,使用事件的正確方法是,


handlePhoneNoChange(event) { 

   this.setState({ telephoneno: event.target.value });

}

你應(yīng)該像這樣綁定它,


this.handlePhoneNoChange = this.handlePhoneNoChange.bind(this);

如果您可以在輸入的 onChange 事件中使用箭頭函數(shù),那就更好了,


onChange={ (e) => this.handlePhoneNoChange(e) }


查看完整回答
反對(duì) 回復(fù) 2023-05-11
?
揚(yáng)帆大魚

TA貢獻(xiàn)1799條經(jīng)驗(yàn) 獲得超9個(gè)贊

您沒(méi)有使用正確的方式在反應(yīng)有狀態(tài)組件中使用狀態(tài),在和函數(shù)props中用作參數(shù)constructorsuper


? constructor(props) {


? ? ? ? super(props);


? ? ? ? this.state = {

? ? ? ? ? ? name: '',

? ? ? ? ? ? address: '',

? ? ? ? ? ? city: '',

? ? ? ? ? ? telephoneno: '',

? ? ? ? ? ? stdcode: ''

? ? ? ? ? ? ? ? ? ? ? ??

? ? ? ? }

? }


并更新這一行:

this.setState({ telephoneno: event.target.value});

查看完整回答
反對(duì) 回復(fù) 2023-05-11
  • 3 回答
  • 0 關(guān)注
  • 205 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號(hào)

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