如何在 ReactJs 響應式 web 應用程序中添加網站？

Question

我需要幫助解決這個問題。 我的目標是將網站放在 ReactJs web 應用程序中。 我嘗試使用 ReactJs 的 Iframe，它不起作用。

有沒有辦法在ReactJs web 應用程序中使用 React Native WebView 組件？ 或者 ReactJs 中是否有Webview組件

我確實希望最終用戶跳轉到另一個選項卡以使用該網站。 我希望他們繼續留在 ReactJs web 應用程序中並使用該網站。

我放置的網站是一個.Net 網站，我正在做一個 ReactJs 項目而不是 React Native 項目

Answer 1

只需使用 iframe 就可以作為這個例子（來源如下），因為你給這個 iframe 語言提供 url 是否可以在 http(s) 中提供並不重要

import React from "react";
import ReactDOM from "react-dom";
class App extends React.Component {
  render() {
    return <iframe src="https://<website>/" />;
  }
}
ReactDOM.render(<App />, document.getElementById("container"));

如源代碼中所述，src url 應該嵌入到 iframe 中，如果不是，您可以使用反向代理來提供此 url 並更改標頭

來源： https://blog.bitsrc.io/best-practices-in-using-iframes-with-react-6193feaa1e08