反应-TypeError：props.handleStatusClick不是一个函数

Question

我有一个父组件，其构造函数包括：

this.handleStatusClick = this.handleStatusClick.bind(this);

handleStatusClick是一个带有1个参数的函数。 然后，我用属性调用子组件：

handleStatusClick={this.handleStatusClick}

在该子组件中，我具有：

<div style={{cursor: 'pointer'}} onClick {props.handleStatusClick("starting")}>

我应该提到子组件是表示性（无状态）组件。

我为什么得到

  

TypeError：props.handleStatusClick不是函数

错误？

Answer 1

据我所见，您需要将div标签属性调整为以下内容：

<div style={{cursor: 'pointer'}} onClick={() =>props.handleStatusClick("starting")}>

您在onClick之后错过了平等，而onClick道具需要一个函数，但您正在传递该函数返回的值