React导入json数据

本文提供两种方式，读者根据自己的需要进行选择。

1.第一种方式：直接import json文件。

这种方式依赖于 json-loader模块(npm install json-loader, https://www.npmjs.com/package/json-loader)，如果工程是使用create-react-app构建的，那么该模块已经包含在内。

import jsondata from './hierachy.json';

console.log(data);

2.第二种方式：将json文件改为js文件

将json文件中的内容放到js文件中(myjsondata.js).

因为只是export一个对象，所以使用" export default jsondata; "

myjsondata.jslet jsondata ={"name":"John","age": 1,"school": "yizhong","class": "4",
}export default jsondata;

在其它文件中导入json数据：

import jsondata from './myjsondata';

React导入json数据相关推荐

windows下用elasticdump导入json数据到Elasticsearch中
一.前言 ES的备份,导入和导出相对而言比较麻烦.用logstash的话,经常会出现很多错误,而且不是很方便.用bulk也是一样的,对于咱们的json文件的结构,一些字段名都有要求,也不方便.后来和大 ...
mysql如何导入JSON数据-navigate管理数据库，导入JSON数据不显示。需要整体关闭再打开！
1,选中数据,右键.选择导入: 2,选择你要导入的文件格式.[这里我选择的是json] 3.下一步.选择你要导入的文件 [可以多选点,但是选择过多.好像直接崩溃啦.所以,适量即可!] 关于编码,如果选 ...
MongoDB导入json数据
json数据在终端输入导入命令: mongoimport --db dbName --collection collectionName --file filePath 实际具体命令: mongoi ...
导入json数据到Elasticsearch（bulk方法）
一.前言在前面几章,基本把本地的环境给配置好了,那么配置好了之后,要做的第一件事当然就是导入数据进去.我这边准备的是一份json数据,这里通过ES的bulk API给导入进去. 二.导入数据 1.批 ...
Neo4j图数据库高级应用系列 / 服务器扩展指南 APOC(5.5) - 导入JSON数据
1. 定义 Web API/RESTful API是访问和集成外部数据源又一种常用的接口.目前,很多网站和应用服务都提供类似开放接口供其他应用读取其数据,而这些接口都使用JSON[1]作为数据格式. ...
Solr6使用SolrJ导入JSON数据
摘要: 之前,曾讨论过如何使用SolrJ将XML文件数据导入到Solr数据库,参见http://blog.csdn.net/jiangchao858/article/details/52766017. ...
导出和导入JSON数据
In the previous articles, we studied the basic rules of SQL database design, created a database sche ...
数据库： mongodb导入json数据
登录聚合数据,找些免费的api请求后下载成json文件,去掉多余的格式只保留数组格式,选择json文件即可导入成功可以看资源: 新闻头条新闻头条新闻头条 carc1subject1.json car ...
elasticsearch bulk数据--ES批量导入json数据
一.Bulk API 官网给出的介绍:https://www.elastic.co/guide/en/elasticsearch/reference/6.0/docs-bulk.html The RE ...

React导入json数据

React导入json数据相关推荐

最新文章

热门文章