Javascript 传递onClick处理程序并防止React中按钮的默认行为

我是新的反应/下一个发展。我的代码如下：

import React from "react";

const Car = () => {
  var carCounter = 0;

  function addCar(event) {
    event.preventDefault();
    carCounter++;
    console.log(carCounter);
  }

  return (
    <form>
      <span className="car">
        <button class="big-button" onClick={addCar()}>
          Add Car
        </button>
      </span>
    </form>
  );
};

export default Car;

我根据这条线索：

---

让我知道我能做什么

在向按钮提供

onClick

时，您需要写入：

<button class="big-button" onClick={addCar}>Add Car</button> 
//         removed the () in addCar      ^

添加汽车
//拆下addCar中的（）^

---

然后，它将传递给

addCar

方法。

您能否显示提交按钮的代码，因为

preventDefault（）

适用于带有

href

和

type='submit'

按钮的锚定标记。

<button class="big-button" onClick={addCar}>Add Car</button> 
//         removed the () in addCar      ^