如何使用useState更新父对象属性数组中指定下标的元素值？

兄弟，我来帮你捋清楚这个问题！你现在的写法有两个核心问题：一是直接修改了原状态的数组（违反了React状态不可变的原则），二是语法上存在错误，导致setObject没能正确生效。

先拆解你之前写法的问题：

• 第一种setObject({...object, imageUrls: object.imageUrls[2] = "xxx"})：你直接给object.imageUrls[2]赋值，这是在修改原状态数组，React不会检测到这种变化（因为数组的引用没改变），而且最后把赋值结果（也就是"xxx"）赋值给imageUrls，会把整个imageUrls变成字符串，完全偏离了预期。
• 第二种setObject({...object, imageUrls[2]: "xxx"})：这是对象字面量的语法错误，JavaScript不允许直接用imageUrls[2]作为键名，自然会报错。

正确的做法是严格遵循React状态不可变的原则，先创建数组的副本，修改副本后再替换原数组，具体步骤如下：

1. 先复制原imageUrls数组，得到一个全新的数组副本（避免修改原状态）
2. 修改新数组中指定下标的元素
3. 用展开运算符复制原对象，把imageUrls替换成修改后的新数组，再调用setObject

具体代码示例：

// 1. 复制原数组，得到新的数组副本
const newImageUrls = [...object.imageUrls];
// 2. 修改新数组中第3个元素（下标为2）
newImageUrls[2] = "xxx";
// 3. 更新整个对象状态
setObject({
  ...object,
  imageUrls: newImageUrls
});

如果你想写得更简洁，还可以用函数式更新+map的方式（当新状态依赖于之前的状态时，推荐这种写法，能避免异步更新的状态偏差）：

setObject(prevObject => ({
  ...prevObject,
  imageUrls: prevObject.imageUrls.map((item, index) => index === 2 ? "xxx" : item)
}));

这种写法通过map创建了新数组，同样遵循不可变性原则，同时利用函数式更新确保拿到的是最新的状态值。

另外还要提个小细节：你初始的useState写法有语法错误，应该是：

const [object, setObject] = useState({
  name: "",
  imageUrls: Array(5)
});

你之前多了个方括号，会把初始状态变成数组而非对象，这点要注意修正哦~

备注：内容来源于stack exchange，提问作者JeremyFc