从unsplash API reactjs中选择随机图像

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了从unsplash API reactjs中选择随机图像相关的知识,希望对你有一定的参考价值。

我正在开发一个使用unsplash API更新应用程序背景图像的reactjs应用程序。 API的结果如下:

total: 2330, total_pages: 78, results: Array(30)

由于API每页仅返回30张图像,因此我实现了以下逻辑以从30张图像的列表中检索任意随机图像:

        if (typeof response.data !== "undefined") 
          const num = Math.floor(Math.random() * 30) + 1;
          const url = response.data.results[num].urls.regular;
          updateBackground(url);
        

但是上述逻辑仅限于仅从首页拾取随机图像。如何从总共2330张图像中选择随机图像?有没有办法从结果中排除total_pages?

谢谢

答案

Random Photo API是否会成为您需要的解决方案? https://unsplash.com/documentation#get-a-random-photo

否则,如果不需要的话,除了该页面中的照片之外,您还可以将所选择的页面随机化。

以上是关于从unsplash API reactjs中选择随机图像的主要内容,如果未能解决你的问题,请参考以下文章

隐藏选择框中已选择的选项 ReactJS

ReactJS Relay Modern:选择哪个路由器?

如何从 reactjs 和 API 中检索数据

使用参数 ReactJS 从 API 请求中获取信息

如何在 reactJS 中使用 id 从 API 获取数据?

reactjs中如何从API中获取值