如何配置useEffect依赖项，使其在对象数组的country字段变化时触发

useEffect的默认依赖比较是浅比较，要实现仅在数组任意项的country字段变化时触发钩子，你可以按以下两种场景选择实现方案：

场景1：数组长度固定 #

如果你的数组长度是固定的（比如示例中固定为2项），直接把每一项的country字段作为依赖项即可：

import { useEffect } from 'react';

// 假设你的数组存在state变量addressList中
useEffect(() => {
  // 此处写你要执行的逻辑
  console.log('有country字段发生变化');
}, [addressList[0]?.country, addressList[1]?.country]);

场景2：数组长度动态变化 #

如果数组长度不固定，你可以先提取所有项的country字段，序列化后作为依赖项：

import { useEffect } from 'react';

useEffect(() => {
  // 此处写你要执行的逻辑
  console.log('有country字段发生变化');
}, [JSON.stringify(addressList.map(item => item.country))]);

注意：更新数组时请遵循React的不可变更新原则，修改字段后需要返回全新的数组引用，否则依赖检测无法识别变化。
示例更新写法：

setAddressList(prev => prev.map((item, index) => {
  if (index === 要修改的项索引) {
    return {...item, country: '新的国家值'}
  }
  return item;
}))

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