TypeError'x'不是函数

Question

TypeError：this.props.handleClick不是函数

class Task extends React.Component{

    render(){
        return(
            <div className="Task">
                <span style = {{ textDecoration : this.props.todo.done ? 'line-through' : 'none'}}>{this.props.todo.value}</span> 
                <button onClick = {() => this.props.handleClick(this.props.index)}>{this.props.todo.done ? 'Undo' : 'Complete'}</button>
            </div>
        )
    }
}

Answer 1

好吧，最好将handleClick作为道具传递给组件，并确保它是一个函数。