Reactjs React onClick不起作用

我有父组件TodoItem和两个子组件：EditTodoItem和ShowTodoItem。我使用state edition切换此子组件。如果为true，则显示EditTodoItem。 当版本为false时，将呈现ShowTodoItem。当我们单击ShowTodoItem时，版本应该为true。但是这个代码不起作用：

从“React”导入React
从“道具类型”导入道具类型
从“./TodoItem/ShowTodoItem”导入ShowTodoItem
从“./TodoItem/EditoDoItem”导入EditoDoItem
将默认类导出到DoItem扩展React.Component{
建造师（道具）{
超级（道具）；
this.handleOnTodoClick=this.handleOnTodoClick.bind（this）；
this.handleOnEnterPress=this.handleOnEnterPress.bind（this）；
this.state={edition:false}；
}
handleOnTodoClick（）{
console.log（'edit'）；
this.setState（{edition:true}）；
}
handleOnEnterPress（）{
this.setState（{edition:false}）；
}
render（）{
如果（本州版本）{
返回(
);
}
返回(
);
}
}

onClick不会在自定义组件上启动，它只在从jsx创建的dom节点上启动。当您将onClick传递给自定义组件时，它将作为道具传入。确保

ShowItemTodo

中的代码有一行如下所示：

return (
  <button onClick={this.props.onClick}>click me</button>
)

返回(
点击我
)

onClick不会在自定义组件上启动，它只在从jsx创建的dom节点上启动。当您将onClick传递给自定义组件时，它将作为道具传入。确保

ShowItemTodo

中的代码有一行如下所示：

return (
  <button onClick={this.props.onClick}>click me</button>
)

返回(
点击我
)