Javascript props.clickHandler不是函数(ReactJS)
嗨,我到处寻找,似乎找不到解决我问题的办法。我有一个JSX元素数组: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>] 这些元素中的每一个都
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)}