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
相关产品推荐
相关产品推荐

