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

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

無(wú)法在 React 中訪問(wèn)對(duì)象的屬性

無(wú)法在 React 中訪問(wèn)對(duì)象的屬性

我試圖制作一個(gè) onClick 事件并顯示信息。當(dāng)我執(zhí)行console.log 來(lái)顯示filteredSreen[0] 時(shí),我得到了一個(gè)object( {id: "2", screen: "2", layer: "5", time: "13:15", dimension: "2D"})。當(dāng)我想訪問(wèn) id 或 screen 時(shí),我做了console.log(filteredSreen[0].id) 或console.log(filteredSreen[0].screen)在 line6。他們都犯了同樣的錯(cuò)誤Cannot read property 'id' of undefined或 Cannot read property 'screen' of undefined我應(yīng)該怎么做才能訪問(wèn)財(cái)產(chǎn)?===============================================screeninfo 是數(shù)組。[{id: "1", screen: "2", layer: "5", time: "13:15", dimension: "2D"},{id: "2", screen: "2", layer: "5", time: "13:15", dimension: "2D"},{id: "3", screen: "2", layer: "5", time: "13:15", dimension: "2D"}]它保存在 reduex 存儲(chǔ)中,我將它傳遞給 BookInfo 組件。我發(fā)現(xiàn) screeninfo 是使用 console.log 正確傳遞的。我還使用console.log檢查了{(lán)id:“2”,屏幕:“2”,層:“5”,時(shí)間:“13:15”,維度:“2D”,}的結(jié)果。但我無(wú)法訪問(wèn)財(cái)產(chǎn)。我暫時(shí)這樣做,我得到了正確的東西。// temporary wayconst filterScreen = () => {    let filteredSreen = screeninfo.filter((item) => item.id === screenId);    let result = filteredSreen[0];    let screen = "";    let layer = "";    for (let key in result) {      if (key === "screen") {        screen = result[key];      }      if ((key = "layer")) {        layer = result[key];      }    }    return screen,layer;  }const BookInfo = ({ movie, theater, screenId, date, screeninfo }) => {  const filterScreen = () => {    let filteredSreen = screeninfo.filter((item) => item.id === screenId);    let result = filteredSreen[0];    console.log(result); // {id: "2", screen: "2", layer: "5", time: "13:15", dimension: "2D",}  <=line5    console.log(result.id) // error  };  return (    <div className="bookInfo">      <div>{movie}</div>      <div>{theater}</div>      <div>{filterScreen()}</div>    </div>  );};
查看完整描述

2 回答

?
蝴蝶刀刀

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

const BookInfo = ({ movie, theater, screenId, date, screeninfo }) => {

  const filterScreen = () => {

    let filteredSreen = screeninfo.filter((item) => item.id === screenId);

    let result = filteredSreen.length!==0 ? filteredSreen[0] :void 0 ;

    console.log(result); // {id: "2", screen: "2", layer: "5", time: "13:15", dimension: "2D",}  <=line5

    console.log(result.id) // error

  };


  return (

    <div className="bookInfo">

      <div>{movie}</div>

      <div>{theater}</div>

      <div>{filterScreen()}</div>

    </div>

  );

};


實(shí)際上,您的過(guò)濾條件并非每次都包含在 if 條件中


查看完整回答
反對(duì) 回復(fù) 2022-06-16
?
呼喚遠(yuǎn)方

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

請(qǐng)?zhí)砑訔l件


  const filterScreen = () => {

    let filteredSreen = screeninfo.filter((item) => item.id === screenId);

    let result = filteredSreen[0];

    if (result && result.id) { // condition 

       console.log(result);

       console.log(result.id);

    }

  };


查看完整回答
反對(duì) 回復(fù) 2022-06-16
  • 2 回答
  • 0 關(guān)注
  • 237 瀏覽
慕課專欄
更多

添加回答

舉報(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)