如何在reactjs中一起使用“event.target.value”和“event.target.checked”？

Question

我有几个输入字段，很少是类型文本，很少是类型复选框，我现在如何才能将所有字段值放在一起，我一次只能输入一个，如下例所示：-

handleChange = event => {
    this.setState({ [event.target.name]: event.target.value });
    this.setState({ [event.target.name]: event.target.checked });
};

我无法同时使用两者。它出什么问题了？

感谢你付出的努力！

Answer 1

您可以使用空合并运算符：

this.setState({ [event.target.name]: event.target.checked ?? event.target.value });

或者显式测试属性是否存在：

if('checked' in event.target) {
    this.setState({ [event.target.name]: event.target.checked });
}

if('value' in event.target) {
    this.setState({ [event.target.name]: event.target.value});
}