React Native中对象状态的useEffect不生效问题求助

核心原因 #

1. HHDays的初始值设为null，组件首次渲染时直接访问HHDays.allWeek.from会因null没有allWeek属性抛出错误。
2. setHHDays是异步更新state的操作，在useEffect里调用后立刻console.log(HHDays)，拿到的还是更新前的null值，这也是你看到“始终为null”的原因。

具体解决方案 #

方案1：设置合理的初始state（推荐）

直接将HHDays的初始值设为符合后续使用结构的默认值，避免首次渲染时出现null：

const [HHDays, setHHDays] = useState({
    allWeek: { from: "", to: "", showPickerFrom: false, showPickerTo: false }
});

useEffect(() => {
    const hours = props.infos.happy ?
        {
            allWeek: { from: props.infos.ending, to: props.infos.strating, showPickerFrom: false, showPickerTo: false },
        }
        :
        {
            allWeek: { from: "", to: "", showPickerFrom: false, showPickerTo: false },
        }
    setHHDays(hours);
}, [props.infos.happy, props.infos.ending, props.infos.strating]); // 添加props依赖，确保props变化时更新state

方案2：使用可选链操作符避免报错

如果不想修改初始值，在访问嵌套属性时使用可选链?.做安全判断：

// 在渲染时这样访问
{HHDays?.allWeek?.from}

这种方式会在HHDays或allWeek为null/undefined时返回undefined，不会抛出错误。

方案3：修正state更新后的日志输出

如果需要正确打印更新后的HHDays，单独加一个监听HHDays变化的useEffect：

useEffect(() => {
    console.log(JSON.stringify(HHDays));
}, [HHDays]);

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