亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

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

React-Native 中的重復組件

React-Native 中的重復組件

拉風的咖菲貓 2023-07-14 09:57:46
我開發了一個 api,它為使用我的 React Native 應用程序的每個用戶返回一些數據。該 API 返回一個對象數組,我可以console.log()看到它們。我想做的是在特定的(元素)中顯示該數組中的每個對象listeFinale在該州被宣布為empty arrayliste是 API 返回的對象數組fetch如果成功則執行下面的代碼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>);應用程序中沒有顯示任何內容,我看到的只是文本和用戶 ID。我是 React Native 的新手,我真的需要你們的一些建議。
查看完整描述

1 回答

?
Helenr

TA貢獻1780條經驗 獲得超4個贊

您可以在渲染方法中使地圖循環。


要在獲取使用后重新分配狀態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在代碼中定義變量和其他名稱時使用,以獲得更好的可讀性。您永遠不知道誰最終可能會調試或處理您的代碼。


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


查看完整回答
反對 回復 2023-07-14
  • 1 回答
  • 0 關注
  • 146 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號