要解决从闪亮的仪表板侧边栏菜单中删除已选择的选项的问题,我们需要考虑以下几个方面:
.selected
)或JavaScript变量来标记选中状态。import React, { useState } from 'react';
function SidebarMenu() {
const [selectedOption, setSelectedOption] = useState(null);
const handleOptionClick = (option) => {
setSelectedOption(option);
};
const removeSelection = () => {
setSelectedOption(null);
};
return (
<div>
<ul>
<li className={selectedOption === 'option1' ? 'selected' : ''} onClick={() => handleOptionClick('option1')}>Option 1</li>
<li className={selectedOption === 'option2' ? 'selected' : ''} onClick={() => handleOptionClick('option2')}>Option 2</li>
</ul>
<button onClick={removeSelection}>Remove Selection</button>
</div>
);
}
export default SidebarMenu;
selectedOption
为null
。通过上述步骤和示例代码,可以有效地从侧边栏菜单中删除已选择的选项,提升用户体验和应用的可定制性。
领取专属 10元无门槛券
手把手带您无忧上云