开发者问题收集

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