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

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

RN - 直接從狀態(tài)語(yǔ)法映射

RN - 直接從狀態(tài)語(yǔ)法映射

幕布斯7119047 2022-12-02 17:24:27
我正在嘗試從狀態(tài)映射一個(gè)數(shù)組 - 但對(duì)正確的語(yǔ)法感到困惑 - 誰(shuí)能告訴我哪里出錯(cuò)了：這是我在莫：      newsStorys = () => {    return (      {this.state.newsFeed.map((a) => {        <View style={ModalStyles.newsArticle}>          <Text style={ModalStyles.newsDate}>{a.date}</Text>          <Text style={ModalStyles.newsTitle}>{a.title}</Text>          <Text style={ModalStyles.newsDesc}>          {a.story}          </Text>        </View>    }  }    );  };
查看完整描述

3 回答

?
斯蒂芬大帝

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

我不確定這是否是您組件的全部代碼，但我可以看到三件事。

  1. 如果newsFeed在組件首次渲染時(shí)未初始化（假設(shè)它尚未定義），newsFeed.map()則將拋出異常。

  2. 您不會(huì)從地圖調(diào)用中返回任何內(nèi)容。你應(yīng)該這樣寫(xiě)：

   newsStorys = () => {

      if (!this.state.newsFeed) return null;

      return this.state.newsFeed.map((a) => ({ // <--- note the parentheses here, you don't have it

          <View style={ModalStyles.newsArticle}>

            <Text style={ModalStyles.newsDate}>{a.date}</Text>

            <Text style={ModalStyles.newsTitle}>{a.title}</Text>

            <Text style={ModalStyles.newsDesc}>

              {a.story}

            </Text>

          </View>

       });

     );

   };

如果你想避免括號(hào)，那么你需要明確地返回一些東西，就像這樣：


    this.state.newsFeed.map((a) => {

       return (

          <View style={ModalStyles.newsArticle}>

            <Text style={ModalStyles.newsDate}>{a.date}</Text>

            <Text style={ModalStyles.newsTitle}>{a.title}</Text>

            <Text style={ModalStyles.newsDesc}>

              {a.story}

            </Text>

          </View>

       );

    });

您可能需要一個(gè)額外的視圖來(lái)包裝 map 返回的視圖列表。


您還需要為每個(gè)視圖提供一個(gè)唯一的鍵，以便 React 可以跟蹤它們。

   <View style={ModalStyles.newsArticle} key={'nome unique value'}>

     ...

   </View>


最后我認(rèn)為使用 aFlatList而不是map.


干杯!


查看完整回答
反對(duì) 回復(fù) 2022-12-02
?
尚方寶劍之說(shuō)

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

在網(wǎng)上玩了一圈，并進(jìn)行了很好的挖掘，找到了語(yǔ)法答案：（感謝 Bruno 提供的關(guān)鍵和指針）。


newsStorys = () => {

   

    return this.state.newsFeed.map((value, index) => {

      return (

        <View style={ModalStyles.newsArticle} key={index}>

          <Text style={ModalStyles.newsDate}>{value.date}</Text>

          <Text style={ModalStyles.newsTitle}>{value.title}</Text>

          <Text style={ModalStyles.newsDesc}>{value.story}</Text>

        </View>

      );

    });

  };


查看完整回答
反對(duì) 回復(fù) 2022-12-02
?
守著一只汪

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

嘗試這個(gè)


newsStorys = () => (

    this.state.newsFeed.map(({ date, story, title }, index) =>

        <View key={`news-${index}`} style={ModalStyles.newsArticle}>

            <Text style={ModalStyles.newsDate}>{date}</Text>

            <Text style={ModalStyles.newsTitle}>{title}</Text>

            <Text style={ModalStyles.newsDesc}>{story}</Text>

        </View>

    ));


查看完整回答
反對(duì) 回復(fù) 2022-12-02
  • 3 回答
  • 0 關(guān)注
  • 143 瀏覽
慕課專(zhuān)欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

 幫助反饋 APP下載

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

 公眾號(hào)

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