【问题标题】:want to handle change in checkbox in my reactjs想在我的 reactjs 中处理复选框的更改
【发布时间】:2021-07-17 14:41:45
【问题描述】:

我正在尝试处理我的反应应用程序中的复选框,但我无法做到。 这是我的交流使用状态

const [data, setData] = useState({
  phone: "",
  notice: { paper: true, court: false, labour: false }
});

下面是我的更改处理程序

const handleDataChange = (event) => {
  setData({ ...data, ...notice, [e.target.id]: ![e.target.value] });
};

有人会调查一下并帮助我吗

【问题讨论】:

  • 您想将复选框的ids 存储在哪里?此外,您正在传播 notice 而无法访问它,因为它是 data 对象的属性。
  • 您的复选框 ID 是 paper、court 和 labour?

标签: javascript java reactjs react-hooks


【解决方案1】:
const handleDataChange = (event) => {
    setData({
        ...data,
        notice: {
            ...data.notice,
            [event.target.id]: !event.target.checked
        }
    })
}

【讨论】:

  • 请省略我忘记的非运算符
  • 他不希望它在那里吗?我的意思是,运营商在这里没有意义,但我不知道他的想法是什么。
  • 哎呀对不起,我过度分析了情况。就这样吧
猜你喜欢
  • 1970-01-01
  • 2017-11-22
  • 2019-02-08
  • 2023-03-19
  • 1970-01-01
  • 2015-12-12
  • 2012-02-29
  • 1970-01-01
  • 2021-12-18
相关资源
最近更新 更多