代码之家 › 专栏 › 技术社区 › R. Kohlisch

尽管函数是绑定的,但它在onclick处未定义?

react-redux function reactjs javascript

R. Kohlisch · 技术社区 · 6 年前

我有这个功能:

  deleteTag() {
    // this.data.tags.pop();
    console.log("I will delete a tag");
  }

我在构造函数中绑定它:

this.deleteTag = this.deleteTag.bind(this);

但当我尝试这样做的时候:

render() {
    const renderTags = this.state.data.tags.map(function(tag,i){
      return <span key={i} onClick={() => this.deleteTag()}>{tag} </span>
    });

   return ( <div> {renderTags} </div> );
}

我得到:

未捕获的类型错误:无法读取未定义的属性“DeleteTag” 点击(bundle.js:46275) 位于object.reactErrorUtils.invokeguardCallback(bundle.js:4594) 在ExecuteDispatch上(bundle.js:4394) 在object.executeDispatchesNorder(bundle.js:4417)上在ExecuteDispatchesAndRelease上(bundle.js:3847) 在ExecuteDispatchesAndReleaseTopLevel(bundle.js:3858)上在array.foreach()处在前臂聚集(bundle.js:4694) 位于object.processEventQueue(bundle.js:4063) 在runeventqueueinbatch(bundle.js:4723)上

我肯定这是愚蠢的事情,但我想不出来!

1 回复 | 直到 6 年前

Tholle 6 年前

这是因为给定的函数 map 没有绑定。您可以使用箭头函数,并且 this 会是你所期望的。

const renderTags = this.state.data.tags.map((tag,i) => {
  return <span key={i} onClick={() => this.deleteTag()}>{tag} </span>
});

推荐文章

eXor420 · 如何在脚本标记中使用导出的函数?

1 年前

Tridip Lodh · 在ES6中,JAVASCRIPT函数在“严格使用”模式下的行为如何?[已关闭]

2 年前

Shawn Hemelstrand · 为什么我的自定义errorbar函数不能在R中工作?

2 年前

D_K · R获取新表

2 年前

ramanujans alkhazarim · 错误“元素类型无效”React Native

2 年前

CodexSC · 如何从另一个函数打印字符串?

2 年前

Matthew Graham · 我应该如何以编程方式仅将某些NA值更改为在R中选择的指定字符串?

2 年前

Anar · Oracle SQL用户定义函数

2 年前

Troskyvs · 映射比较函数导致运行时“bad\u function\u call”

3 年前

Alireza Pirmahdi · 我的代码多次执行打印语句,我只想执行一次

3 年前