react 里面 const 当中的 return 绑定onClick提示找不到方法

Question

在一个const 的 return 里面绑定事件提示找不到方法，已经在构造器里面写过方法。return 里面做过循环。

  
        CardClick(){
                alert(0)
        }
       
        const list = this.state.data.map(function (m) {
          return <Card className="card-sence UserCardStyle" onClick={this.CardClick}></Card>
        });
    
    

尝试过直接写onClick={alert(0)}后先是触发了alert才渲染出页面，不清楚是不是生命周期的关系，所以找不到方法，请问怎么处理。

试过用bind绑定this，还是没效果

Answer 1

朋友你无用代码太多了 我给你点建议

1. 最重要的，你报错信息的方法CardClick没有贴出来
2. 无用代码太多了，你建一个codepen或者jsfiddle整理成让帮助你的人方便阅读的内容
3. 你的描述需要再到点上一下，我建议看下提问的智慧
4. 遇到这种摸不到头脑，又无关乎逻辑的代码，我建议你要么从触发事件的起点，一点点找到问题。要么注释掉一半你认为可能有错的代码，如果还有错，说明不在这一半里面，解除掉这一半注释，再注释掉另一半的一半，依次反复，直到你定位到了问题的根源。

Answer 2

试试 onClick={this.CardClick.bind(this)}

Answer 3

没有绑定this。

Answer 4

没有绑定this，除了bind(this),也可以试试ES6中的箭头函数

CardClick=()=>{
    alert(0)
}