React中confirm状态变量无法更新，setConfirm不触发求助

核心问题1：无限重渲染导致状态被强制重置 #

你的useEffect没有设置依赖数组，这会导致它在组件每次渲染时都重复执行，每次执行都会调用setMinDate触发组件重新渲染，形成无限循环：组件渲染→useEffect执行→setMinDate→组件重渲染→useEffect再次执行...

这种情况下，哪怕你把confirm设为true，组件会立刻被重刷，状态被重置回初始值，看起来就像从未更新过。

修复方法：给useEffect添加空依赖数组，让它仅在组件挂载时执行一次：

useEffect(()=> {
    let today = new Date
    let dd = today.getDate()
    let mm = today.getMonth() + 1
    let yyyy = today.getFullYear()

    if (dd < 10)
        dd = '0' + dd
    if (mm < 10)
        mm = '0' + mm

    today = yyyy + '-' + mm + '-' + dd
    setMinDate(today)
}, []) // 添加空依赖数组

核心问题2：按钮点击逻辑错误，渲染时直接执行状态更新 #

在confirmWindow组件的按钮中，你写的是onClick={setConfirm(false)}，这会在组件渲染阶段就立刻调用setConfirm(false)，而不是点击按钮时才执行。也就是说，confirm刚被设为true，这个组件一渲染就把它改回false了。

修复方法：将onClick改为箭头函数，让状态更新仅在点击时触发：

<button className={styles.confirmOkay} onClick={() => setConfirm(false)}>Okay</button>

额外小问题（不影响状态，但影响UI表现） #

contactWindow里的textarea警告类名拼写错误：styles.warningHideen应该是styles.warningHidden，否则该警告无法正常隐藏。

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