时间戳

首页 > 解决方案 > 我希望能够在我的反应网络应用程序中打开另一个网址

node.js - 我希望能够在我的反应网络应用程序中打开另一个网址

问题描述

我创建了一个反应应用程序，用户可以在其中登录并拥有帐户我的问题在这里我想在我的应用程序中添加一个功能，即用户可以在我的网络应用程序中打开 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>
  );
};

标签： node.jsreactjsmongodbreact-redux

解决方案

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

这个包做你想做的事： 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"/>

推荐阅读