Material-UI 메뉴를 열면 테이블의 IconButton을 사용할 수 없습니다.

Question

메뉴에서 open prop를 true로 설정하면 동일한 페이지의 Table에있는 모든 IconButton이 비활성화됩니다. open prop가 false이면 IconButtons가 올바르게 작동합니다.

open을 true로 직접 설정하거나 상태 변수를 통해 open을 설정할 때 동일한 동작이 발생합니다.

알려 주시기 바랍니다.

<Menu open={true}><MenuItem>Find</MenuItem></Menu> 

<Table> 
    <TableHead> 
    <TableRow> 
     <TableCell>Type</TableCell> 
     <TableCell>Name</TableCell> 
     <TableCell></TableCell> 
    </TableRow> 
    </TableHead> 
    <TableBody> 
    <TableRow> 
     <TableCell>SOG</TableCell> 
     <TableCell>mySOG</TableCell> 
     <TableCell> 
     <IconButton onClick={this.handleFavGo} ><ActionGo /></IconButton> 
     </TableCell> 
    </TableRow> 
</TableBody> 
</Table> 

Answer 1

메뉴가 다른 구성 요소를 "팝 오버"하고 초점을 맞추기위한 것이라는 것을 이해하지 못했습니다. 격자 안의 Paper inside List를 사용하여이 문제를 해결했으며 예상대로 작동합니다.