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:
Alexey Pyltsyn 2019-11-15 21:14:12 +03:00 committed by Yangshun Tay
parent a65a57ba66
commit 5d3b889169

View file

@ -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">