React 完美调优，仅限于此类项目

在公司开发中，我学会了用React开发页面，此次任务呢如下图所示，下图中的东西是一个可以算是一个通用的模板，然后呢现在又很多类似于 `ghost.js-http automatic test ` 的存在，上方的小灰框框是相同的，下面的jobs中有相同的地方，都有时间列表，然后有的有创建任务，有的有查看折线图，有的有查看柱状图，右方的内容呢，展示也都不一样，都是展示的多，有的展示的少，还有折线图和柱状图，有的是三个按钮，有的是两个按钮。

首先，在我一个后端角度来想的话，对于这种超过一个的重复代码，都要封装成一个公用的函数，通过传递参数来区分他的不同，那下面就是我的前端的传递参数的方法，大家可以积极讨论，有什么改进的地方可以提出来，当然，现在只是刚开始写，以后自己也会完善：

首先我是分了这几个文件

 Index：首页，Detail：详情页， Bar：柱状图， Line：折线图， NewJob：创建job的model

这个是我的首页写的给detail发送的参数，buttons是首页需要展示的button按钮，button_results是每个按钮对应的功能

bar:是否有柱状图

analyze：是否有折线图

results：result中展示什么，柱状图折线图通过什么比较

create_job：是否有创建job

args：发送参数时是否发送空（后端要求）

job_body: 创建job时的参数，前面key对应页面展示，数组中第一个是发送时的key，第二个为是什么标签，第三个是可以选择什么内容或者是否必填 

讲到这里大家应该懂了，详情页面就可以自己发挥了，主要是经过一些判断后，将不一样的页面用一个文件展示出来，这个扩展性很强，如果有用户登录，可以增加用户角色，角色绑定菜单，然后通过后端返回回来需要展示的数据，前端只写页面,这样就很nice了，还有很多好的扩展，大家也可以提一提自己的意见，主写后端，前端新手，大佬勿喷。