如何在 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