React Material UI 手风琴：手风琴打开时如何调用函数？

Question

我正在使用 React Material-ui。我试图仅在打开时调用函数Accordion：

                                <Accordion  opened={()=>this.myFn(row.id)} >
                                <AccordionSummary

                                    expandIcon={<ExpandMoreIcon/>}
                                    aria-controls="panel1a-content"
                                    id={row.id}

                                >
                                    <Typography>{row.name}</Typography>
                                </AccordionSummary>
                                <AccordionDetails id={row.id} >

                                   <p>something <p/>

                                </AccordionDetails>
                            </Accordion>

Answer 1

Accordian onChange如果手风琴开火的话，里面有道具你可以传递它并跟踪它，即

<Accordion onChange = {(e,expanded) => {
        if(expanded){
          calledFunction()
        }
      }}>

在你的情况下，它会是这样的：

<Accordion   onChange = {(e,expanded) => {
        if(expanded){
          this.myFn(row.id)
        }
      }} >

这是演示：https://codesandbox.io/s/spring-leftpad-uu9yc?file =/demo.js