15308555518/ docusaurus
1
0
Fork 0
mirror of https://github.com/facebook/docusaurus.git synced 2025-12-29 21:42:50 +00:00
Code Issues Actions 6 Packages Projects Releases Wiki Activity

fix(v2): useTOC hooks should not be called in each nested children (#1959) 

* fix(v2): useTOC hooks should not be called in each nested children

* fragment

* rename -> DocTOC
This commit is contained in:
Endi 2019-11-11 19:56:22 +07:00 committed by Yangshun Tay
parent 9e290c9b43
commit 5e445a0011
1 changed files with 13 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
packages/docusaurus-theme-classic/src/theme/DocItem/index.js
View File

@ -19,9 +19,18 @@ const LINK_CLASS_NAME = 'contents__link';
const ACTIVE_LINK_CLASS_NAME = 'contents__link--active';
const TOP_OFFSET = 100;
function Headings({headings, isChild}) {
function DocTOC({headings}) {
useTOCHighlight(LINK_CLASS_NAME, ACTIVE_LINK_CLASS_NAME, TOP_OFFSET);
return (
<div className="col col--3">
<div className={styles.tableOfContents}>
<Headings headings={headings} />
</div>
</div>
);
}
function Headings({headings, isChild}) {
if (!headings.length) return null;
return (
<ul className={isChild ? '' : 'contents contents__left-border'}>
@ -55,7 +64,7 @@ function DocItem(props) {
const metaImageUrl = siteUrl + useBaseUrl(metaImage);
return (
<div>
<>
<Head>
{title && <title>{title}</title>}
{description && <meta name="description" content={description} />}
@ -155,17 +164,11 @@ function DocItem(props) {
</div>
</div>
</div>
{DocContent.rightToc && (
<div className="col col--3">
<div className={styles.tableOfContents}>
<Headings headings={DocContent.rightToc} />
</div>
</div>
)}
{DocContent.rightToc && <DocTOC headings={DocContent.rightToc} />}
</div>
</div>
</div>
</div>
</>
);
}