react map渲染中onClick点击一次触发两次咋回事

Question

showDetailPage = (orderno=null) => {
    console.log(orderno);
 }
render () {
    return (
    <ul className={style['scroll-wrap']}>
                {
                  data[0].list.map(e => {
                    return (
                      <li className={style.card} key={e.orderno} onClick={() => this.showDetailPage(e.orderno)}>
                        <OrderDetail info={e}/>
                      </li>
                    )
                  }) 
                }
              </ul>
    )
}

现在问题是 我点击一下 ，就会调用两次方法 ，请教下 问题出在哪里了？

Answer 1

key={e.orderno} 不唯一