我希望能够在我的reactweb应用程序中打开另一个url

Question

我创建了一个react应用程序，用户可以在其中登录并拥有帐户。我的问题是，我想在我的应用程序中添加一个功能，即用户可以在我的网络应用程序中打开YouTube、Facebook或搜索谷歌。我进行了一些搜索，但没有得到答案，所以这可能吗？以及如何完成

这些是我已经做过的一些功能，但我想做我稍后告诉你的功能，这是我的应用中非常重要的一步

const App = () => {
useEffect(() => {
store.dispatch(loadUser());
}, []);
return (
<Provider store={store}>
<Router>
<Navbar />
<Switch>
<Route path='/' exact component={SignUp} />
<PrivateRouter path='/user-profile' component={UserProfile} />
<PrivateRouter path='/time-line' component={UserTimline} />
<PrivateRouter path='/users-list' component={UsersPage} />
<PrivateRouter path='/update-profile' component={UpdateProfilePic} />
</Switch>
</Router>
</Provider>
);
};

Answer 1

您可以在react应用程序中使用iframe：

此程序包执行您希望它执行的操作：对名称作出反应

用于包含iframed页面的简单React组件。

import Iframe from 'react-iframe'
<Iframe url="http://www.youtube.com/embed/xDMP3i36naA"
width="450px"
height="450px"
id="myId"
className="myClassname"
display="initial"
position="relative"/>