マップ内のliの最後のアイテムにイベントハンドラを追加します

Question

マップの最後のアイテムにクリックイベントを追加するにはどうすればよいですか？私はコンソールがトリガーされているのを見ませんでした。私の次のコードではエラーなし

{props.items.map((obj,index) => { 

    if(props.items.length === index - 1){ 
     console.log('is last iteration') 
    } 

    return(
     <li key={obj.key}>{obj.name}</li> 
     ) 
})} 

Answer 1

変化に：

{props.items.map((obj,index) => {  
    return props.items.length-1 === index? 
      <li key={obj.key}()=>{ 
       //your code 
      }>{obj.name}</li> 
      : 
      <li key={obj.key}>{obj.name}</li>;   
})}