я хочу иметь возможность открыть другой URL внутри моего веб-приложения реагирования

Question

Я создал приложение реагирования, в котором пользователь может войти в систему и иметь учетную запись. Здесь я хочу добавить функцию в свое приложение, и пользователь может открыть YouTube, Facebook или выполнить поиск в Google в моем веб-приложении. я не получил ответа, так что это возможно и как это можно сделать

Вот некоторые из функций, которые я сделал, но я хочу использовать функцию, о которой я вам рассказал позже, это очень важный шаг в мое приложение

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

Вы можете использовать iframe в приложении реакции:

Этот пакет делает то, что вы хотите, чтобы он делал: реагировать-iframe

Простая реакция компонент для включения страницы в фрейме.

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"/>