reactjs - React,如何在新标签页上打开 onclick 功能?
问题描述
在反应中,您如何重定向或在新标签中打开某些内容?我有一个按钮,单击时我想在新选项卡中打开它。现在它在当前选项卡中打开。这是按钮代码
<Button
variant="contained"
fullWidth={true}
color="primary"
disabled={loder === data._id ? true : false}
onClick={() => viewRecording(data)}
>
这是那个功能
const viewRecording = (sessionData) => {
setLoder(sessionData._id);
const val = {
meetingId: sessionData.meetingNo,
};
const onSuccess = (data) => {
setLoder(null);
console.log(data.recording_files);
window.location.replace(data.recording_files[0].play_url);
};
const onError = () => {
setLoder(null);
openSnackbar("Recording not found for this session !!");
};
dispatch(ZoomMeetingRecording(val, onSuccess, onError));
};
解决方案
只需使用
window.open(data.recording_files[0].play_url, '_blank');
代替
window.location.replace(data.recording_files[0].play_url);
推荐阅读
- flutter - 错误:根据闭包上下文的要求,返回类型“NetworkImage”不是“Widget”
- sql - 如何修复案例陈述中的 PLS-00103 错误?
- go - Go REST API 无法从 Apache2 访问
- reactjs - “响应”类型的参数不可分配给“SetStateAction”类型的参数
- sql-server - SQL Server(日期时间)中真正的准确性意味着什么
- angular - Angular Videojs 找不到此媒体的兼容源
- sql - 如何动态地使用 SQL Server 对不同的列求和并将求和结果集用于另一列求和
- python - 尝试获取 request.user 以在表单中使用时未定义名称
- r - eigen() 和正确的特征向量
- node.js - Piscina 的谷歌云运行中的路径名