单击Bootstrap 4的自定义复选框时是否可以触发onChange？

Question

我已经构建了Bootstrap 4的自定义复选框之一，如下所示：

<div className="custom-control custom-checkbox">
    <input onChange={ (evt) => { console.log("CHANGED") }}
        type="checkbox" 
        className="custom-control-input" 
        id="barChartsCheckbox" />
    <label className="custom-control-label" htmlFor="barChartsCheckbox">Bar Charts</label>
</div>

我正在使用React，所以我想检测状态变化以重新呈现页面，但是 onChange事件未触发。

据我所知，Bootstrap的自定义复选框通过应用:checked伪类来工作，那么是否有可能通过onChange函数捕获更改？

编辑

按照this问题，似乎通过jQuery应用onChange侦听器有效

$('.custom-control-input').on('change', evt => {
    console.log("test");
})

那为什么onChange属性在React中不起作用？