Material-UI GridTileタッチイベント

Question

私はライブラリmaterial-uiを使用していますが、GridListはGridTileで、2つの異なるタッチイベントに応答することができます。タイルをタッチすると、別のルートに移動してタッチする必要があります'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の代わりにあるGridListにonClickイベントを含めてから、IconButtonのonTouchTapイベントを処理できます。別々に電話する必要があります

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