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

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

如何從 React Native 中的 api 返回 JSON 中的隨機數據

如何從 React Native 中的 api 返回 JSON 中的隨機數據

白板的微信 2023-08-10 11:04:23
我有一個從 API 獲取數據的函數。我想從數據中返回一個隨機數據。我已經盡了一切努力,但似乎沒有解決辦法。下面是從 API 調用 JSON 數據的函數。const fetchLastestPost = async () => {        const response = await fetch(            `https://learnersnews.com/wp-json/wp/v2/case?per_page=10&page=${page}`,        );        const post = await response.json();        if (page == 1) {            setPosts(post);                 } else {            setPosts([...posts, ...post]);                   }        setIsFetching(false);        setIsLoading(false)    }展開片段下面是 Flatlist 組件 <FlatList                data={posts}                onRefresh={() => onRefresh()}                refreshing={isFetching}                onEndReached={() => handleLoadMore()}                onEndReachedThreshold={0.1}                showsVerticalScrollIndicator={false}                ListFooterComponent={() => renderFooter()}                renderItem={({ item }) => (                                   <TouchableOpacity activeOpacity={0.8} onPress={() =>            navigation.navigate('Singlecase', {                post_id: item.id,                name: item.title.rendered,            })        }>                 <View>                          <Card>            <CardItem header bordered style={{ paddingTop:8, paddingBottom: 8,}}>              <Text  numberOfLines={2}             ellipsizeMode='tail'  style={styles.titleText} >            {item.title.rendered}</Text>            </CardItem>                       <CardItem bordered style={{ paddingTop:1, paddingBottom:1 }}>            
查看完整描述

1 回答

?
海綿寶寶撒

TA貢獻1809條經驗 獲得超8個贊

你嘗試過javascript地板方法嗎?我認為如果你給 ids 分配了一個數字,它會幫助你獲得一個隨機的 JSON。


你可以寫:


const fetchLastestPost = async () => {

    let page = Math.floor(100)

    const response = await fetch(

        `https://learnersnews.com/wp-json/wp/v2/case?per_page=10&page=${page}`,

    );

    ...

}

或者,如果 ids 未排序,那么您可以嘗試將 ids 放入數組中:


const fetchLastestPost = async () => {

        let value = Math.floor(4);

        let page = [1,3,4,7,10]

        const response = await fetch(

            `https://learnersnews.com/wp-json/wp/v2/case?per_page=10&page=${page[value]}`,

        );

        ...

    }

或者,如果您想在不知道 id 和序列的情況下獲取數據,請嘗試:


const fetchLastestPost = async () => {

let page = Math.floor(100) //add totalCount in number which you can get from server side.

    const response = await fetch(

        `https://learnersnews.com/wp-json/wp/v2/case?per_page=10&page=${page}`,

    );

    if(response == ""){

        fetchLastestPost();

    }

    ...

}


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

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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