arrays - 从 React 应用程序上的 cloudinary 获取视频数组
问题描述
我有通过 cloudinary 托管视频的 React Web 应用程序。我想知道从云库中提取随机视频或制作数组的方法?使用的数据库是 mongodb。
这是来自 VideoPlayer 组件的代码。我尝试运行时收到 React 错误 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
});
});
});
谢谢
解决方案
我最终创建了一个随机数生成器,然后将该变量的乘积分配给视频数组轮播的索引值,以在每次页面加载时随机播放视频。随机数生成器放置在 componentWillMount 方法中,以在每次页面加载时发生。
谢谢大家的帮助。
推荐阅读
- python - 如何在 discord.py 中打开事件循环?
- r - ggplot 使用 nls 和 facet wrap
- json - SwiftUI 解析和显示值形成一个 JSON 调用
- opennms - 为什么 OpenNMS 不能通过从 REST API 添加的节点发现 SNMP 接口?
- javascript - 比较两个 Array Buffer Images 并在后面的 Javascript 中将差异着色为红色
- firebase - express-session 不在 Chrome 但在 Firefox 上设置 cookie 会话
- conda - Conda:在环境中使用已安装的 R
- python - 如何修复:Pyspark foreach 设置中的“NameError: name 'datetime' is not defined”
- pandas - 如果 Pandas 列包含字典值中的任何值,则添加字典键作为标签
- java - 0 毫秒后元数据中不存在主题 test_1