React父组件useState初始值未生效，疑似子组件传值引发问题

1. useState初始值仅在首次渲染生效 #

const [updateAddress, setUpdateAddress] = useState(city); 里的useState参数只会在组件第一次渲染时读取。初始状态下address是空字符串，city = address.split(", ")[0]结果为空，所以updateAddress初始值就是空。

后续通过fetch更新address时，city会变成有效字符串，但useState不会自动用新的city更新updateAddress——因为初始值只生效一次。要在address变化时同步更新updateAddress，得加useEffect监听：

useEffect(() => {
  const city = address.split(", ")[0];
  setUpdateAddress(city);
}, [address]); // 当address变化时执行这段逻辑

2. 子组件SearchLocation可能主动覆盖了状态 #

你提到移除changeLocation prop后city能正常显示，说明子组件在挂载或渲染时调用了changeLocation，并且传入了空值/无效值，直接把updateAddress改成了空。

比如子组件里可能有类似代码：

// SearchLocation内部
useEffect(() => {
  props.changeLocation(""); // 或者传入了未初始化的变量
}, []);

这种情况会导致组件一挂载就清空updateAddress，自然看不到初始城市值。

验证修复步骤 #

1. 先注释掉子组件的changeLocation调用，同时加上上面的useEffect，确认updateAddress能在address更新后正常显示；
2. 检查SearchLocation的代码，调整changeLocation的触发时机——比如只在用户输入内容后再调用，避免无意义的空值触发。

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