react 的 usestate 是异步更新的,调用 setcontent 后状态不会立即生效,而是在下一次组件重渲染时才反映新值;因此在 set 调用后立刻 console.log(content) 会输出旧值,而非刚设置的数据。
react 的 usestate 是异步更新的,调用 setcontent 后状态不会立即生效,而是在下一次组件重渲染时才反映新值;因此在 set 调用后立刻 console.log(content) 会输出旧值,而非刚设置的数据。
在你提供的代码中,问题核心并非 setContent 失效,而是对 React 状态更新机制的理解偏差。useState 的更新是批处理且异步的——它触发一次状态变更请求,但实际赋值发生在组件下一次渲染周期开始前。这意味着:
setContent(parsedData[10].Data); console.log(Content); // ❌ 仍为初始值 [],因为此时尚未重渲染
✅ 正确做法是:通过 useEffect 监听状态变化,或直接在 JSX 中使用最新状态渲染内容。
✅ 推荐修复方案
1. 移除错误的日志位置,改用 useEffect 跟踪更新
const [content, setContent] = useState([]); // ✅ 小驼峰命名更符合 React 规范
useEffect(() => {
console.log('Content 更新为:', content); // ✅ 此处 log 才能拿到真实新值
}, [content]);
2. 在 JSX 中安全渲染(避免访问 undefined 属性)
{content.length > 0 ? (
<div>
<h3>解析结果:</h3>
<pre class="brush:php;toolbar:false;">{JSON.stringify(content, null, 2)}











