Reactjs 如果提交时未选中复选框，我将尝试显示错误消息

react新增功能-我需要验证react js中的复选框

我已经创建了一个表单，其中有一个复选框需要验证，并确保在提交时单击该复选框。如果未单击，则显示错误消息。我不希望出现警报，但希望屏幕上显示一条消息

const handleCheckBoxCheck = () => {
  const checkbox = userDetails.checkbox;
  if (checkbox === false) {
    alert('please confirm T&Cs');
  }
};

<div className={styles.checkbox}>
  <input
    type='checkbox'
    id={styles.checkbox}
    onChange={() => handleInput('checkbox', !userDetails.checkbox)}
    required='required'
  />
  <a>
    Terms and Conditions
    <span className={styles.required}>*</span>
  </a>
  {/* error message */}
</div>

consthandlecheckboxcheck=（）=>{
const checkbox=userDetails.checkbox；
如果（复选框===false）{
警报（“请确认T&C”）；
}
};
handleInput（'checkbox'，！userDetails.checkbox）}
required='required'
/>
条款和条件
*
{/*错误消息*/}