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

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

React-Native 中的重復(fù)組件

React-Native 中的重復(fù)組件

拉風的咖菲貓 2023-07-14 09:57:46
我開發(fā)了一個 api,它為使用我的 React Native 應(yīng)用程序的每個用戶返回一些數(shù)據(jù)。該 API 返回一個對象數(shù)組,我可以console.log()看到它們。我想做的是在特定的(元素)中顯示該數(shù)組中的每個對象listeFinale在該州被宣布為empty arrayliste是 API 返回的對象數(shù)組fetch如果成功則執(zhí)行下面的代碼this.state.listeFinale = this.state.liste.map(n => (    <Text key={n.Id}>      {n.Nume}      {n.Observatii}    </Text>    ))然后,在render()我的方法中: return (  <View style={styles.container}>    <Text>Lists for user id {this.state.userId}</Text>    {this.state.listeFinale}  </View>);應(yīng)用程序中沒有顯示任何內(nèi)容,我看到的只是文本和用戶 ID。我是 React Native 的新手,我真的需要你們的一些建議。
查看完整描述

1 回答

?
Helenr

TA貢獻1780條經(jīng)驗 獲得超4個贊

您可以在渲染方法中使地圖循環(huán)。


要在獲取使用后重新分配狀態(tài)setState()(如果您不使用掛鉤useState())


所以你會得到類似的東西


state = {

    liste = []

}


componentLifeCycle () {// in case you don't use hooks

    fetch().then((response) => { // or async await

     this.setState({liste : response})

    }

}

return (

  <View style={styles.container}>

    <Text>Lists for user id {this.state.userId}</Text>

    {this.state.liste.length > 0 && this.state.liste.map(n => (

        <Text key={n.Id}>

          {n.Nume}

          {n.Observatii}

        </Text>

    )}

  </View>

);

另外,我建議您english在代碼中定義變量和其他名稱時使用,以獲得更好的可讀性。您永遠不知道誰最終可能會調(diào)試或處理您的代碼。


另一個建議是使用 Redux 將“獲取”數(shù)據(jù)存儲在應(yīng)用程序狀態(tài)中。并從那里獲取它,而不是在組件內(nèi)部進行 fetch。組件應(yīng)該只渲染狀態(tài)數(shù)據(jù),而不是直接與 API 交互。保持它們干凈簡單。


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

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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