点击事件在React js

Question

这是我的回答：

  

{以太}}是{Jaredites | jaredites}的历史学家。

我使用replace()函数替换此 {以太}}

  

description = text.narration.description.replace（/ {（。？）\ |（。？）} / g，   <a className="peoplelink" id="$2" onClick={this.demoButton.bind(this)}>$1</a>）;

     

description = React.createElement（＆＃39; span＆＃39;，{dangerouslySetInnerHTML：{   __html：description}}）;

之后点击事件无效并产生此错误：

Uncaught TypeError: Cannot read property 'bind' of undefined
    at HTMLAnchorElement.onclick 

Answer 1

我不确定你是怎么打电话的，但作为例子你可以参考这段代码：

选项1： - （推荐）

constructor() {
this.applyClick = this.applyClick.bind(this);
}

render() {
<a onClick={this.applyClick}>Apply</a>
}

选项2： -     无需在构造函数中绑定或定义

render() {
<a onClick={this.applyClick.bind(this)}>Apply</a>
}

Answer 2

applyClick(){

   console.log("applied");
}


render(){ 

return (
   <div>
      <a onClick={this.applyclick.bind(this)}</a>
  </div>
 );

}