如何将随机数生成函数的值传入useState状态对象的ticketNumber字段？

问题核心原因 #

你遇到的问题是因为对象类型的React useState状态更新规则使用错误，具体错误点如下：

• 直接给状态变量赋值（比如ticketNumber = rng、complaint.ticketNumber = rng）属于直接修改原状态，React不会触发重渲染，修改不会生效
• 调用setComplaints时没有将属性包裹在新对象中，对象状态更新必须返回一个完整的新对象，不能直接将展开的属性传给set函数
• 对象属性更新语法错误，不能用=赋值，要使用key: value的对象属性写法

正确实现代码 #

1. 随机数赋值给ticketNumber #

两种写法都可以，推荐优先用函数式更新避免闭包问题：

// 写法1：直接传入新对象
function randomNumberGenerator() {
  const newTicketNum = Math.floor(Math.random() * (maxValue - minValue + 1) + minValue);
  setComplaints({
    ...complaint, // 保留原有email、message等属性
    ticketNumber: newTicketNum // 覆盖更新ticketNumber
  });
}

// 写法2：函数式更新（更稳妥，适用于更新依赖旧状态的场景）
function randomNumberGenerator() {
  const newTicketNum = Math.floor(Math.random() * (maxValue - minValue + 1) + minValue);
  setComplaints(prev => ({
    ...prev,
    ticketNumber: newTicketNum
  }));
}

2. 附带修正你的makeTicketNumber累加函数 #

你原有的累加写法同样不符合状态更新规则，修正后代码：

function makeTicketNumber() {
  setComplaints(prev => ({
    ...prev,
    ticketNumber: prev.ticketNumber + 1
  }));
}

内容的提问来源于stack exchange，提问作者Newbie