Javascript props.clickHandler不是函数(ReactJS)

Javascript props.clickHandler不是函数(ReactJS),javascript,reactjs,jsx,Javascript,Reactjs,Jsx,嗨,我到处寻找,似乎找不到解决我问题的办法。我有一个JSX元素数组: inputList: [<span contentEditable="false" className="word" onClick={(e) => { props.clickHandler(e) }}>hey</span>, <span contentEditable="false" className="word">there</span>] 这些元素中的每一个都

嗨,我到处寻找,似乎找不到解决我问题的办法。我有一个JSX元素数组:

  inputList: [<span contentEditable="false" className="word" onClick={(e) => { props.clickHandler(e) }}>hey</span>, <span contentEditable="false" className="word">there</span>]
这些元素中的每一个都在该组件中呈现: (JSX元素列表随“props.text”一起传入)

对于事件处理程序:

  handleClick(e) {
    alert('IT WORKS!')

  }
感谢您的帮助

谢谢

编辑:


抱歉,我忘了添加我有一个名为“text”的道具,其中使用了InputList:

text={this.state.inputList}
带道具的整个组件:

 <Draft onClick={() => { this.strikeThrough() }} textChange={(e) => { this.textChange(e) }} text={this.state.inputList}
      clickHandler={this.handClick.bind(this)} />
{this.strikeThrough()}textChange={(e)=>{this.textChange(e)}}text={this.state.inputList}
clickHandler={this.handClick.bind(this)}/>

您的代码中有输入错误:

clickHandler={this.handClick.bind(this)}
应该是

clickHandler={this.handleClick.bind(this)}

您的代码中有输入错误:

clickHandler={this.handClick.bind(this)}
应该是

clickHandler={this.handleClick.bind(this)}

你能告诉我在哪里实际使用了
inputList
吗?对不起,我忘了添加我有一个名为“text”的道具:我更新了帖子,谢谢!您意识到,您只将
onClick
分配给了一个
元素?是的,为了测试目的,我只添加了一个单击处理程序。代码中
clickHandler={this.handleClick.bind(this)}
在哪里?您能显示实际使用
inputList
的位置吗?对不起,我忘了添加名为“text”的属性:我更新了帖子,谢谢!您意识到,您只将
onClick
分配给了一个
元素?是的,为了测试目的,我只添加了一个单击处理程序。代码中的
clickHandler={this.handleClick.bind(this)}
clickHandler={this.handleClick.bind(this)}