머티리얼 -UI GridTile 터치 이벤트

Question

라이브러리 material-ui을 사용 중이며 GridList에 GridTile이 있고 두 가지 터치 이벤트에 응답 할 수 있습니다. 타일 터치는 사용자가 다른 경로로 이동하고 터치 할 수 있도록해야합니다. 'actionIcon'이 그것을 평가해야합니다. 나는 GridTile와 같은 액션 아이콘, 무언가로 타일에 자신을 전달되는 IconButton 모두 onTouchTap 정의 :

<GridTile 
     onTouchTap={(e) => { 
     onTileTouch(id) 
     }} 
     key={id} 
     title={'...'} 
     subtitle={'...'} 
     actionIcon={<IconButton onTouchTap={ 
     addToFavourites(id) 
     }/>}> 
     <img src={'...'} /> 
    </GridTile> 

하지만 내가 얻을 것은 모든 touchTap 이벤트가 GridTile 소비하는 것입니다. 어떻게 내가 필요한 것을 얻을 수 있습니까?

Answer 1

나는 이것이 효과가있을 것이라고 생각한다. GridTile이 onTouchTap 대신에 아래에있는 onClick 이벤트를 GridList에 포함시킨 다음 IconTutton에서 onTouchTap 이벤트를 처리 할 수있다. 별도로 전화해야합니다.

<GridList onClick={ (e) => { 
    onTileTouch(id) 
    }} 
    <GridTile 
     key={id} 
     title={'...'} 
     subtitle={'...'} 
     actionIcon={<IconButton onTouchTap={ 
     addToFavourites(id) 
     }/>}> 
     <img src={'...'} /> 
    </GridTile> 
</GridList