你好!我想请您帮忙处理这段代码。
import {
useState
} from 'react';
import styles from './style/Component.module.css';
export function Dropdown() {
const [isOpen, setIsOpen] = useState(false)
function toggle() {
setIsOpen(!isOpen)
}
return (
<div>
<button className{styles.main} onClick={toggle}>On</button>
{
isOpen && (
<div className={styles.dropdown}>
<ul>
<li>1 list</li>
<li>2 list</li>
</ul>
</div>
)
}
</div>
)
}
是否需要改进?如果需要,如何改进?请指教。