在React原生WebView中打开HTML中的链接,可以通过以下步骤实现:
import { WebView } from 'react-native-webview';
<WebView
source={{ uri: 'https://example.com' }}
/>
<WebView
source={{ uri: 'https://example.com' }}
onShouldStartLoadWithRequest={(event) => {
const { url } = event;
if (url !== 'https://example.com') {
// 在WebView中打开链接
this.webviewRef.current?.loadRequest(event);
return false;
}
return true;
}}
ref={this.webviewRef}
/>
在上述代码中,我们通过onShouldStartLoadWithRequest拦截了WebView中的链接请求,如果链接不是https://example.com,就通过loadRequest方法重新加载链接,从而实现在WebView中打开HTML中的链接。
这种方法适用于React Native中使用WebView组件的场景,可以在移动应用中加载并打开HTML中的链接。对于React中的Web应用,可以直接使用a标签的target属性来控制链接的打开方式,例如:
<a href="https://example.com" target="_blank">打开链接</a>
这样可以在新的浏览器标签页或窗口中打开链接。
腾讯技术创作特训营第二季第4期
企业创新在线学堂
小程序·云开发官方直播课(数据库方向)
云+社区沙龙online[数据工匠]
开箱吧腾讯云
云+社区技术沙龙[第8期]
微服务平台TSF系列直播
Techo Day 第二期
领取专属 10元无门槛券
手把手带您无忧上云