React表单提交后无法更新状态，addStake函数无反应问题求助

你的代码存在3个核心问题，直接造成了表单无响应、状态不更新、控制台无日志的现象：

• 判断条件逻辑完全短路：你在addStake里写的判断是if (!stakes)，但stakes的初始值是空数组[]，在JS中空数组是真值，意味着!stakes永远为false，整个if判断块里的所有代码（包括setStakes、console.log）都永远不会执行——这就是你看不到任何控制台输出的最直接原因。
• 输入值获取方式错误：表单触发submit事件时，e.target指向的是<form>DOM元素本身，这个节点本身没有value属性，你用e.target.value拿到的永远是undefined，就算判断逻辑正常通过，存到状态里的也不是你实际输入的内容。
• 表单缺少常规提交交互入口：当前表单内只有输入框，没有任何提交按钮，多数用户不会下意识用回车触发提交，会进一步误以为表单功能完全失效。

顺着你原本的非受控组件实现思路，做最小改动修复后的代码如下：

import React, { useState } from 'react';

function Stake() {
    const [stakes, setStakes] = useState([]);

    const addStake = (e) => {
        e.preventDefault();
        // 通过form的elements集合，按input的name属性拿到输入框的实际值
        const inputValue = e.target.elements.stake.value.trim();
        // 仅当输入内容非空时才更新状态
        if (inputValue) {
            // 用函数式更新确保拿到最新的旧状态，避免闭包值过期问题
            setStakes(prevStakes => [...prevStakes, inputValue]);
            // 直接打印待新增的内容即可，因为setState是异步的，立刻读stakes拿到的还是旧值
            console.log('待添加的stake：', inputValue, '当前完整stakes列表：', [...stakes, inputValue]);
            // 提交成功后清空输入框，优化交互
            e.target.elements.stake.value = '';
        }
    };

    return (
        <div>
            <form onSubmit={addStake}>
                <input
                    style={{
                        marginLeft: "40px",
                        width: "50px"
                    }}
                    type="text"
                    name="stake"
                    required
                />
                {/* 新增提交按钮，提供明确的交互触发入口 */}
                <button type="submit">添加</button>
            </form>
            {/* 补充列表渲染，方便直观看出状态更新的效果 */}
            <ul style={{ marginLeft: "40px" }}>
                {stakes.map((item, index) => <li key={index}>{item}</li>)}
            </ul>
        </div>
    );
}

export default Stake;

• 你之前误以为addStake完全没被执行，实际上只要在输入框按下回车，submit事件是会正常触发addStake的，只是函数内部写反的判断条件把所有后续逻辑都短路了，才造成了“函数没运行”的错觉。
• React的状态更新是异步批处理的，不要在调用setStakes之后立刻读取stakes的值，此时拿到的还是更新前的旧状态，要验证更新效果要么打印传入的新值，要么用useEffect监听stakes的变化做打印。

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