这是一篇的数据的分析的典型案列，本人也是经历一次从无到有的过程，倍感珍惜，所以将其详细的记录下来，用来帮助后来者快速入门！
数据的格式如下：
我们设定 一个trem or typedef为一条标签，一行为一条记录或者是键值对，以此为标准！
下面我们来对数据进行分析：
数据集中一共包含两种标签[trem] and [typedef]两种标签，每个标签下边有多个键值对，和唯一的标识符id，每行记录以“/n”结尾，且每条标签下下有多个相同的键值对，for examble: is_a，synonym...
算法设计：
1. 数据集中含有【trem】和【typedef】两种标签，因此，我们将数据分成两个数据集分别来进行处理。
2.循环遍历数据集，将键值对的键去除，并且对每一个键进行计数，并且进行去重操作
（我刚开始的想法是根据id的数量于其他的键的数量进行比较，找出每个标签下存在重复的键值对，进而确定每个标签下存在重复的键值对 ：is_a，有点想多了，呵呵~）
3.由于发现每条标签下的记录的顺序都是一定的，id永远排在前面，用字典的形式存储是顺序是乱的，看上去很不舒服，所以我们相办法将他存在list里面，最大限度的还原了原有数据。
4. 处理相同键的键值对，字典中不允许存在一键多值的情况，我们将他存到一个list里面，字典中
曾经对于react项目怎么使用bootstrap纠结了很久，网上也查了好多的资料，有的用react-bootstrap，只要npm install 以后，import就可以使用里面的css了。但是这个样式跟我想要的bootstrap还是有点不一样的。我希望用http://www.bootcss.com/里的，最近才发现，自己真的有的时候瞎想太多了，就跟之前一样，把bootstrap的css以及js引用直接放在index.html里面引用就可以了，真是为以前的愚蠢汗颜！！！
附引用代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="theme-color" content="#000000">
<link rel="manifest" href="%PUBLIC_URL%/manifest.json">
<link rel="stylesheet" href="./css/bootstrap.min.css" rel="stylesheet">
<title>React App</title>
</head>
<body>
<div id="root">
</div>
<script src="js/jquery-3.2.1.slim.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>