mirror of
https://github.com/facebook/docusaurus.git
synced 2025-07-26 21:18:47 +02:00
fix(v2): remove hashbang when click on category (#1999)
* fix(v2): remove hashbang when click on collapsed item * Refactor: rename handler
This commit is contained in:
parent
a65a57ba66
commit
5d3b889169
1 changed files with 7 additions and 4 deletions
|
@ -5,7 +5,7 @@
|
||||||
* LICENSE file in the root directory of this source tree.
|
* LICENSE file in the root directory of this source tree.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
import React, {useState} from 'react';
|
import React, {useState, useCallback} from 'react';
|
||||||
import classnames from 'classnames';
|
import classnames from 'classnames';
|
||||||
|
|
||||||
import Link from '@docusaurus/Link';
|
import Link from '@docusaurus/Link';
|
||||||
|
@ -27,6 +27,11 @@ function DocSidebarItem({item, onItemClick, collapsible}) {
|
||||||
setCollapsed(item.collapsed);
|
setCollapsed(item.collapsed);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
const handleItemClick = useCallback(e => {
|
||||||
|
e.preventDefault();
|
||||||
|
setCollapsed(state => !state);
|
||||||
|
});
|
||||||
|
|
||||||
switch (type) {
|
switch (type) {
|
||||||
case 'category':
|
case 'category':
|
||||||
return (
|
return (
|
||||||
|
@ -42,9 +47,7 @@ function DocSidebarItem({item, onItemClick, collapsible}) {
|
||||||
'menu__link--active': collapsible && !item.collapsed,
|
'menu__link--active': collapsible && !item.collapsed,
|
||||||
})}
|
})}
|
||||||
href="#!"
|
href="#!"
|
||||||
onClick={
|
onClick={collapsible ? handleItemClick : undefined}>
|
||||||
collapsible ? () => setCollapsed(!collapsed) : undefined
|
|
||||||
}>
|
|
||||||
{label}
|
{label}
|
||||||
</a>
|
</a>
|
||||||
<ul className="menu__list">
|
<ul className="menu__list">
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue