[React] 使用 React Iframe 组件来显示 HTML 信息

2 年 ago
宇, 华
1 minute

首先

我将写下使用 React Ifame 来显示 HTML 的 URL 的方法。

请参考

以下是文件的链接：
https://www.npmjs.com/package/react-iframe

安装 React Iframe

首先，我们将使用以下命令安装React Iframe。

npm install react-iframe

检查package.json文件。

"dependencies": {
    "react-iframe": "^1.8.5",
  },

适用于代码

为了使用React Ifame，您可以使用如下代码。这次我们将使用通过News API获取到的URL。

import Iframe from "react-iframe";

<Iframe 
 url={"https://www3.nhk.or.jp/news/html/20231007/k10014218571000.html"} 
 width="100%"
 height="1000px"
/>
スクリーンショット 2023-10-09 17.40.40.png

最后

因为我还写了很多其他的文章，所以如果愿意的话，请多多阅读…

关于基本设计
使用Vue.js和Node.js开发了一个聊天应用
使用Next.js和TypeScript创建了一个TODO应用

bannerAds