React Emailを使ってメールの送信までできるようなんですが、今回はレンダーとしての使用を想定しているので送信周りのことは説明していません。 React Emailを使えるようにする では早速React Emailを使えるようにします。 自動セットアップとマニュアルセットアップの2種類があります。 公式サイトに手順があるのでこの通りに進めるとセットアップできます。 (私はマニュアルセットアップの方でセットアップしました) セットアップが完了するとhttp://localhost:3000で「Welcome to the React Email preview!」と書かれた画面が表示されます。 サイドバーでファイルを選択すると、プレビューとソースが確認できます。 プレビュー ソース さらにソースで「HTML」を選択すると、HTMLでコードをコピーできるのでReactで書いてHTMLで書
![【HTMLメール】React Email をReact -> HTML のレンダラーとして使ってみた - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/912450c5d2c03b9456f84207f117ff9265929178/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JUUzJTgwJTkwSFRNTCVFMyU4MyVBMSVFMyU4MyVCQyVFMyU4MyVBQiVFMyU4MCU5MVJlYWN0JTIwRW1haWwlMjAlRTMlODIlOTJSZWFjdCUyMC0lM0UlMjBIVE1MJTIwJUUzJTgxJUFFJUUzJTgzJUFDJUUzJTgzJUIzJUUzJTgzJTgwJUUzJTgzJUE5JUUzJTgzJUJDJUUzJTgxJUE4JUUzJTgxJTk3JUUzJTgxJUE2JUU0JUJEJUJGJUUzJTgxJUEzJUUzJTgxJUE2JUUzJTgxJUJGJUUzJTgxJTlGJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz02NGNlMGZmNDU0MDNlZGRiOGQ1ZjA4MmRlYjI1N2JlNw%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTcxNiZ0eHQ9JTQwa2FiZWNoaXlvMTMlMjBpbiUyMFFpaXRhJUU2JUEwJUFBJUU1JUJDJThGJUU0JUJDJTlBJUU3JUE0JUJFJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzImdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1lOGFiYzRmNGJmMDM1YThiNzExMmU5NzI0MjgyMTA2Yg%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3Ddbb9782f5a141addabcc40c3dd0b3804)