はじめに

React Ifameを使って、HTMLを表示するURLを表示する方法を書いていきます。

参考

こちらがドキュメントになります。
https://www.npmjs.com/package/react-iframe

React Iframeをインストール

まずは、以下のコマンドでReact Iframeをインストールしていきます。

packege.jsonを確認します。

コードに適用する

React Ifameを使用するには、以下のようなコードにします。
今回は、News APIで取得できるURLを使用します。

すると、、、

このように、表示できるようになりました！

最後に

他にも色々な記事を書いているので、よければ読んでいってください、、、
基本設計について
Vue.jsとNode.jsでチャットアプリを作った
Next.js×TypeScriptでTODOアプリを作成する
[cv:issue_marketplace_engineer]