如何验证onChange复选框?

Question

这是我的代码

function EmailForm() {
const [emailResult, getEmailResult] = useState(null)
const [data, setData] = useState({
title: "",
from: "",
fromemail: "",
subject: "",
description: "",
isActive: false
});

function handle(e) {
const newdata = { ...data }
newdata[e.target.id] = e.target.value
setData(newdata)
console.log(e.target.value);
}

这是复选框代码我应该做什么改变，使数据true/false反映在我的控制台或sql

<div className="form-check">
<input type="checkbox" name="isActive" onChange={(e) => handle(e)} checked= 
{data.isActive} />
<label>IsActive</label>
</div>

Answer 1

复选框有一个checked属性。在处理程序中，您可以检查正在处理的输入类型，并相应地处理状态更改。

function handle(e) {
const newdata = { ...data };
newdata[e.target.id] = e.target.type === 'checkbox' ? e.target.checked : e.target.value;
setData(newdata);
console.log(e.target.value);
}