React-TypeError:props.handleStatusClick 不是一个函数
2018-12-17
38
我有一个父组件,该组件带有一个构造函数,其中包括:
this.handleStatusClick = this.handleStatusClick.bind(this);
handleStatusClick
是一个接受 1 个参数的函数。
然后,我使用以下属性调用子组件:
handleStatusClick={this.handleStatusClick
并且在该子组件内,我有:
<div style={{cursor: 'pointer'}} onClick {props.handleStatusClick("starting")}>
我应该提到,子组件是一个展示性(无状态)组件。
为什么我会收到
TypeError: props.handleStatusClick is not a function
错误?
1个回答
据我所知,您需要将 div 标签属性调整为以下内容:
<div style={{cursor: 'pointer'}} onClick={() =>props.handleStatusClick("starting")}>
您在 onClick 之后缺少等号,并且 onClick prop 需要一个函数,但您传递了该函数的返回值
Kabbany
2018-12-17