react map遍历时点击事件不起作用，报错事件undefined

第一次使用map函数遍历数组并且返回渲染到组件的时候，不加点击事件是可以正常渲染的，但是只要添加点击事件就会报错事件未定义，报错代码如下所示：

//点击事件
handleClickNext=()=>{
        alert(1)
 }
return(
      this.state.showList.map(function(item,key){
            return (
                <li onClick={this.handleClickNext} key={key}>
                    {item}
                </li>
            )
        })
  )

改成以下形式不会报错，点击事件正常有效果

//点击事件
handleClickNext=()=>{
    alert(1)
}
 render(){
     let _this = this;
     var showArr=[];
     this.state.showList.map(function(item,key){
         return showArr.push(
             <li onClick={_this.handleClickNext} key={key}>
                 {item}
             </li>
         )

     })
     return(
         <li onClick={_this.handleClickNext} key={key}>
               {showArr}
         </li>
     )
 }