如何从 React Native 中的 api 返回 JSON 中的随机数据

Question

我有一个从 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 }}>

            

Answer 1

你尝试过javascript地板方法吗？我认为如果你给 ids 分配了一个数字，它会帮助你获得一个随机的 JSON。你可以写：const fetchLastestPost = async () => {&nbsp; &nbsp; let page = Math.floor(100)&nbsp; &nbsp; const response = await fetch(&nbsp; &nbsp; &nbsp; &nbsp; `https://learnersnews.com/wp-json/wp/v2/case?per_page=10&page=${page}`,&nbsp; &nbsp; );&nbsp; &nbsp; ...}或者，如果 ids 未排序，那么您可以尝试将 ids 放入数组中：const fetchLastestPost = async () => {&nbsp; &nbsp; &nbsp; &nbsp; let value = Math.floor(4);&nbsp; &nbsp; &nbsp; &nbsp; let page = [1,3,4,7,10]&nbsp; &nbsp; &nbsp; &nbsp; const response = await fetch(&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; `https://learnersnews.com/wp-json/wp/v2/case?per_page=10&page=${page[value]}`,&nbsp; &nbsp; &nbsp; &nbsp; );&nbsp; &nbsp; &nbsp; &nbsp; ...&nbsp; &nbsp; }或者，如果您想在不知道 id 和序列的情况下获取数据，请尝试：const fetchLastestPost = async () => {let page = Math.floor(100) //add totalCount in number which you can get from server side.&nbsp; &nbsp; const response = await fetch(&nbsp; &nbsp; &nbsp; &nbsp; `https://learnersnews.com/wp-json/wp/v2/case?per_page=10&page=${page}`,&nbsp; &nbsp; );&nbsp; &nbsp; if(response == ""){&nbsp; &nbsp; &nbsp; &nbsp; fetchLastestPost();&nbsp; &nbsp; }&nbsp; &nbsp; ...}