发送函数throw`spread operator`不起作用，但是增加了状态值

Question

我正在传递一个函数和一个状态值引发auto-fit运算符。 spread中的state值更新。但是在点击html函数时根本没有调用。

在reactjs中使用button运算符将function发送给孩子的正确方法是什么？

这是我的代码：

spread

Answer 1

在Counter组件中，您拼写了func名称。

class Counter extends React.Component {
  render() {

    return (
      <div>
        <div>{this.props.display}</div>
        <button onClick={this.props.func}>+</button>
      </div>
    );
  }
}