我想在循環(huán)映射的特定元素上應(yīng)用一個類。const items = [    {        key: 'Menu1key',        content: 'Menu 1',    },    {        key: 'Menu2',        content: 'Menu2key'    },    {        key: 'Menu3Key',        content: 'Menu3',        children: [{            key: 'SubMenu3Key',            content: 'SubMenu3',        },        {            key: 'SubMenu5Key',            content: 'SubMenu5'        }]    },    {        key: 'Menu4Key',        content: 'Meu4',        children: [{            key: 'SubMenu4Key',            content: 'SubMenu4',        },        {            key: 'SubMenu5Key',            content: 'SubMenu5'        }]    }]const StackedMenu = (props) => {    let [chevronRotation, setChevronRotation] = useState('')    let [itemClicked, setItemClicked] = useState(props.itemClicked);    let [depth, setDepth] = useState(props.depth)    return (<Menu primary defaultActiveIndex={0} activeIndex={itemClicked} vertical pointing style={{ width: '100%' }}>        {props.items.map((item, index) => {            return (<>                <MenuItem onClick={(e, data) => { setItemClicked(data.index); setChevronRotation(`rotate`) }} index={index} key={index} pointing="start" >                    <Menu.ItemContent style={depth > 0 ? { paddingLeft: '0.5em' } : null} >{item.content}</Menu.ItemContent>                    {item.children ?                        (<Menu.ItemIcon id={index} style={{ right: "0px", position: "absolute" }} className={props.itemClicked === index && item.children ? 'rotate' : ''}>                            <ChevronEndMediumIcon />                        </Menu.ItemIcon>) : null}                </MenuItem>                {itemClicked === index && item.children ? <div><StackedMenu items={item.children} depth={depth + 1} itemClicked={0} /></div> : null}            </>)        })}    </Menu>)}我使用遞歸組件來創(chuàng)建子菜單。實際上，當我打開菜單時，所有 V 形都會展開，我想要的是只有單擊的項目的 V 形才會展開。