Javascript Can'；t将状态从父组件传递给子组件（时钟状态计数器）

我是一个新手，我正在尝试建立一个波莫多罗时钟。事实上，我一直在尝试制作按钮+和-更改我在州设置的数字。 在我的主要应用程序组件中，我有：

class App extends React.Component{
  constructor(props){
    super(props)
    this.state ={
      breakValue: 5,
      sessionValue: 25
    }

现在我尝试将状态传递给SetTimer组件（它将处理这些按钮+和-），以更新数字： 所以我创建了这个函数来传递状态（这是一个处理+按钮的示例）：

我将函数作为道具传递到子组件中。 这是SetTimer子组件，其道具位于应用程序中的render方法中：

<SetTimer handleUpdate={this.handleUpdate}  id="break" type= "Break" value={this.state.breakValue}

我将函数Onclick传递给按钮标签：

<button onClick={this.click} 

---

您正确地传递道具，但错误地阅读道具

让我们了解下面的代码做什么



这将在一个按钮上添加click事件，该按钮具有与其关联的处理程序。正如我们所知，每种编程语言都在特定的范围/上下文中运行一个代码块。对于此函数，默认情况下它将是文档的范围/上下文

要使用道具，我们需要类组件的上下文
SetTimer

有两种方式,

传递执行
onClick
的上下文
{
this.props.handleUpdate（this.props.value）
}
您正确地传递道具，但错误地阅读道具

让我们了解下面的代码做什么



这将在一个按钮上添加click事件，该按钮具有与其关联的处理程序。正如我们所知，每种编程语言都在特定的范围/上下文中运行一个代码块。对于此函数，默认情况下它将是文档的范围/上下文

要使用道具，我们需要类组件的上下文
SetTimer

有两种方式,

传递执行
onClick
的上下文
{
this.props.handleUpdate（this.props.value）
}
尝试添加
此。单击。将（此）
绑定到按钮上，然后单击
或者，使单击成为箭头函数，如下所示：
单击=（）=>this.props.handleUpdate（this.props.value）
。请在此处阅读更多信息：。尝试添加
this。单击。将（this）
绑定到按钮，然后单击
或者，使单击成为箭头函数，如下所示：
单击=（）=>this.props.handleUpdate（this.props.value）
。请在此处阅读更多信息：。
class SetTimer extends React.Component {
    constructor(props){
        super(props)
    }

    click(){
        this.props.handleUpdate(this.props.value)

    }


<button onClick={this.click}