You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

React中如何将本地JSON对象赋值给useState常量替换硬编码数据?

替换useState硬编码数据为本地导出数组的实现方法
  • 第一步:导入本地的导出数组
    假设你的本地文件名为data.js(即你提供的那个导出对象数组的文件),在组件文件顶部添加导入语句,路径根据实际文件位置调整:
import nodesData from './data.js';
  • 第二步:替换useState的初始值
    直接把导入的nodesData作为useState的初始参数,替换原来的硬编码数组:
const [nodes, setNodes] = useState(nodesData);

如果你的本地文件是纯.json格式(比如data.json),导入方式完全一致,React、Vite等主流前端工具都支持直接导入JSON文件作为数据使用。

内容的提问来源于stack exchange,提问作者Kay

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.13 08:50:23