html使用label添加onClick事件觸發兩次

<label className="modal-tip--erveryday" onClick={onClickModal}>
  <input type="checkbox"></input>
  <span>今日不再提醒</span>
</label>
           

上述代碼會導緻click事件觸發兩次。因為input的click事件會冒泡到label上。

解決方案：給input阻止冒泡

<label className="modal-tip--erveryday" onClick={onClickModal}>
  <input type="checkbox" onClick={onStopPropagation}></input>
  <span>今日不再提醒</span>
</label>