如何解决在React App上从cloudinary获取视频数组
我有React Web应用程序,由cloudinary托管视频。我想知道从cloudinary库中提取随机视频或制作数组的方法吗?使用的数据库是mongodb。
这是VideoPlayer组件中的代码。尝试运行时,出现React Error 152。
export default class VideoPlayer extends React.Component {
state = {
randomId: ''
};
componentDidMount() {
this.randomId();
}
randomId = () => {
axios
.get(inDev ? devAPI.concat("v2/getRandomId") : baseAPI.concat("v2/getRandomId"))
.then(data => this.setState({ randomId: data }))
.catch(err => {
console.log(err);
return null;
});
};
render() {
return(
<div>
{this.state.randomId.length === 0 ? (
<div>Loading...</div>
) : (
<div>this.state.randomId</div>
)}
</div>
)
}
}
这是API
router.get("/v2/getRandomId",(req,res) => {
cloudinary.search.max_results(1).execute().then(result=>{
return res.json({
success: true,data: result.resources
});
});
});
谢谢
解决方法
我最终创建了一个随机数生成器,然后将该变量的乘积分配给视频阵列轮播的Index值,以在每次加载页面时随机播放视频。随机数生成器放置在componentWillMount方法中,每次加载页面时都会发生。
谢谢您的帮助。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。