Reactコンポーネントが吐き出す HTML をいい感じに整形して表示する

Reactコンポーネントが吐き出す HTML をいい感じに整形して表示する

Reactコンポーネントが吐き出す HTML を React でいい感じに表示するという、とてもピンポイントな記事...概要を表示 Reactコンポーネントが吐き出す HTML を React でいい感じに表示するという、とてもピンポイントな記事です。 表示したい元となるコンポーネントを Hoge とします。 const Hoge: React.FC = () => { return <div><div>hoge</div><div>fuga</div><p>piyo</p></div> } この Hoge がレンダリングするものをインデントなどを整形してシンタックスハイライトまで行って、いい感じに表示します。 ちょっと特殊なツールを作りたい人にしか需要がない記事だとは思います。 インストール npm派のひとは、yarn add を npm i に読み替えてください。