Javascript 如何使用python钩子激活语义UI嵌套手风琴

提前感谢您提供的任何帮助！到目前为止，语义UI和react挂钩都很漂亮。我正在尝试嵌套手风琴，但在单击标题时内容没有激活/停用

const UOcontentPanel = (
        <div class='content active'>
            <React.Fragment>
                <Checkbox onClick={() => {
                    setUOcheckbox(!displayUOcheckbox)
                    }} label="Ultimate Oscillator">
                </Checkbox>
            </React.Fragment>
        </div>
        
    )

    const level1MomentumMenuPanels = [
        { key: 'UO', title: 'Ultimate Oscillator', content: UOcontentPanel }
    ]


    const Level1MomentumContent = (
            <div className="no-padding">
              <Accordion.Accordion panels={level1MomentumMenuPanels} className='no-padding'/>
            </div>
        )

    const rootPanels = [
            { key: 'panel-1-Momentum', title: 'Momentum Indicators', content: { content: Level1MomentumContent } },
        ]

const UOcontentPanel=(
{
setUOcheckbox（！displayUOcheckbox）
}}label=“Ultimate振荡器”>
)
常量级别1Momentummenupanels=[
{键：“UO”，标题：“终极振荡器”，内容：UOcontentPanel}
]
常量级别1MomentumContent=(

function handleMomentumItemClick（e，itemProps）{
const{index}=itemProps
常量{activeIndex}=activeMomentumMenuItem
const newIndex=activeIndex==索引？-1:索引
setActiveMomentumMenuItem（{activeIndex:newIndex}）
}
常量级别1MomentumContent=(
{/*  */}
)
)


<Accordion>
    <Accordion.Title
    onClick={() => {
        setActiveRSIMenuItem(!activeRSIMenuItem)
    }}
    >
    <Accordion.Content active={activeRSIMenuItem}>
        <React.Fragment>
        <Checkbox defaultChecked onClick={() => {
            setDisplayRSIcheckbox(!displayRSIcheckbox)
            }} label="Relative Strength Index">
        </Checkbox>
     </Accordion.Content>
</Accordion>

function handleMomentumItemClick(e,itemProps) {
         const { index } = itemProps
         const { activeIndex } = activeMomentumMenuItem
         const newIndex = activeIndex === index ? -1 : index
         setActiveMomentumMenuItem({ activeIndex: newIndex })
     }

    const Level1MomentumContent = (
            <div className="no-padding">
              {/* <Accordion.Accordion panels={level1MomentumMenuPanels} onTitleClick={handleMomentumItemClick(e,itemProps)} value={activeIndex} /> */}
              <Accordion.Accordion panels={level1MomentumMenuPanels} className='no-padding'/>
            </div>
        )
        )