我有一個左側菜單，當您單擊某個元素時，將顯示該元素的子菜單。但是對于我的實際代碼，當單擊某個元素時，會出現我的所有子菜單。我知道我的方法不對，但我不知道該怎么做:(我的示例代碼：import { useState } from 'react'export default function Menu(){ const [visibleSubCategorie, setVisibleSubCategorie] = useState(false) const Menu = [{    name: 'Homme', link : '/homme-fr', subCategory: false }, {    name: 'Femme', link : '/femme-fr', subCategory: [{        name: 'haut', link : '/femme-haut-fr'    },{        name: 'bas', link : '/femme-bas-fr'    }] },{    name: 'Enfant', link : '/enfant-fr', subCategory: [{        name: 'haut', link : '/enfant-haut-fr'    },{        name: 'bas', link : '/enfant-bas-fr'    }] }] console.log("Menu -> Menu", Menu) return(    <>    {Menu.map(item=>        <div>            {item.subCategory ?            <>                <button type="button"  onClick={() => setVisibleSubCategorie(!visibleSubCategorie)}>{item.name}</button>                {visibleSubCategorie && item.subCategory.map(subCategorys=>                    <>                        <p>{subCategorys.name}</p>                    </>                )}            </>            :            <a href={item.link}>{item.name}</a>               }        </div>    )}    </>)}``示例：當我單擊按鈕“Femme”以查看femme的子類別時，就像我也單擊了“Enfant”按鈕一樣。我可以創建一個組合體，并使使用狀態“const [visibleSubCategorie， setVisibleSubCategorie] = useState（false）”，并且這個組合體在映射內，但我知道存在另一種方法。