blog.unresolved.xyz

react-markdownで目次(Table of Contents)を表示させる

Mon Dec 27 2021
  • React

なんかHackyなことしなきゃいけないのかなと思ったけど、ちゃんとremark/rehypeのプラグインを渡せるようになってた。

HタグにIDを追加する

これを使うだけ。

1rehypePlugins={[slug]}

目次を表示させる

上記を参考に remarkPlugins を設定して、本文に以下のように Table of contents という見出しを設定すればそこに目次が配置される。

## Table of contents

Pluginに引数を渡したい

これでいける

1remarkPlugins={[[toc, { tight: true }]]}

型があるとライブラリの仕様を追いやすくていいなあ・・・!