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

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

Flatlist 不顯示每個對象元素

Flatlist 不顯示每個對象元素

慕沐林林 2023-07-06 15:29:47
嘗試顯示包含來自 firestore 的數(shù)據(jù)的平面列表,但由于某種原因,應(yīng)該顯示的 {item.title} 沒有顯示。黃色可觸摸不透明度顯示得很好,并且被調(diào)用了正確的次數(shù)(posts 數(shù)組中的 3 個對象,3 個黃色框)下面是代碼:獲取數(shù)據(jù):useEffect(() => {  const discoverList = firestore()    .collection('Public')    .onSnapshot((querySnapshot) => {      const goals = [];      querySnapshot.forEach((documentSnapshot) => {        goals.push({          ...documentSnapshot.data(),          key: documentSnapshot.id,        });      });      setPosts(goals);      setLoading(false);    });  return () => discoverList();}, []);帖子掛鉤: const [posts, setPosts] = useState()平面列表返回:  return (    <View style={styles.screen}>      <View style={{ marginTop: 20, marginHorizontal: 20, flex: 1 }}>        <View style={styles.searchPos}>          <Text style={styles.pageTitle}>Discover new goals</Text>          <SearchBar />        </View>        <View style={styles.fl}>          <FlatList            data={posts}            renderItem={(item) => (              <TouchableOpacity                onPress={() => console.log(posts)}                style={{ backgroundColor: 'yellow', marginVertical: 20 }}              >                <Text style={{ fontSize: 30 }}>{item.title}</Text>              </TouchableOpacity>            )}          />        </View>      </View>    </View>  );為了調(diào)試,我有可觸摸的不透明度打印出帖子數(shù)組,這就是正在打印的內(nèi)容。Array [  Object {    "description": "this is the body text",    "key": "8x9RPFqKlyXdwyTQMQqJ",    "title": "title here",    "topic": "Public",  },  Object {    "key": "DaFVjEUBDrVXDCSsiotr",  },  Object {    "description": "Eek",    "key": "n1YAuqv4gaZ2EFDwbCQD",    "title": "Eem",    "topic": "Public",  },]感謝所有幫助,謝謝!編輯:Object {  "index": 2,  "item": Object {    "description": "Eek",    "key": "n1YAuqv4gaZ2EFDwbCQD",    "length": 1,    "title": "Eem",    "topic": "Public",  },  "separators": Object {    "highlight": [Function highlight],    "unhighlight": [Function unhighlight],    "updateProps": [Function updateProps],  },}
查看完整描述

3 回答

?
茅侃侃

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

從數(shù)據(jù)中獲取一個項目并將其呈現(xiàn)到列表中。{item}從中獲取字段data進(jìn)行渲染,而不是直接用作dataitem進(jìn)行渲染,

嘗試使用以下代碼:

? ? ? ? ?<FlatList

? ? ? ? ? ? data={posts}

? ? ? ? ? ? renderItem={({item, index}) => (

? ? ? ? ? ? ? <TouchableOpacity

? ? ? ? ? ? ? ? onPress={() => console.log(posts)}

? ? ? ? ? ? ? ? style={{ backgroundColor: 'yellow', marginVertical: 20 }}

? ? ? ? ? ? ? >

? ? ? ? ? ? ? ? <Text style={{ fontSize: 30 }}>{item.title}</Text>

? ? ? ? ? ? ? </TouchableOpacity>

? ? ? ? ? ? )}

? ? ? ? ? />


查看完整回答
反對 回復(fù) 2023-07-06
?
肥皂起泡泡

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

你仍然需要進(jìn)入里面Array所以它應(yīng)該是


[

  Object {

    "description": "this is the body text",

    "key": "8x9RPFqKlyXdwyTQMQqJ",

    "title": "title here",

    "topic": "Public",

  },

  Object {

    "key": "DaFVjEUBDrVXDCSsiotr",


  },

  Object {

    "description": "Eek",

    "key": "n1YAuqv4gaZ2EFDwbCQD",

    "title": "Eem",

    "topic": "Public",

  },

]


查看完整回答
反對 回復(fù) 2023-07-06
?
慕標(biāo)5832272

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

對于那些在未來掙扎的人:


根據(jù) Drew 和 dieu 所說,嘗試返回整個對象,其中 .title 不存在。


此更改解決了我的問題:


                    <FlatList

                        data={posts}

                        renderItem={(item) => <TouchableOpacity onPress={() => console.log(posts)} style={{ backgroundColor: '#ECECEC', marginVertical: 20, height: 100, borderRadius: 10 }}>

                            <Text >{item.item.title}</Text>

                        </TouchableOpacity>}

                    />

檢查該項目實際上試圖按照 deidu 建議顯示的內(nèi)容。


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

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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