我已经设置了一个初始状态来存储表单中的所有值.但是，为了告诉程序我针对的是一个复选框，我需要指定类型:
e.target.type === 'checkbox'
即使它工作了，我觉得我不应该为了拉出它的值而指定类型.有没有人能告诉我，这是正确的做法，还是我漏掉了什么？
我所在的州在与表单交互时会打印username、lastname和accept个字段，例如:
{username: "Mike", lastname: "Brown", accept: true}
这是一个有效的DEMO:
如果不想在handleChange中使用条件，可以将值直接传递给函数，如下所示:
const handleChange = (attribute, value) =>
setInitialState((prev) => ({
...prev,
[attribute]: value
}));
在您的表单中，请这样使用它:
return (
<form>
<input
type="text"
value={username}
onChange={(e) => handleChange("name", e.target.value)}
/>
<input
type="checkbox"
checked={accept}
onChange={(e) => handleChange("accept", e.target.checked)}
/>
</form>
);
希望能有所帮助.