React:table组件/Pagination分页组件/Dialog组件 - 点击单元格内容显示弹窗，弹窗的内容由表格内容控制（1）

需要解决的问题：显示接口的执行结果，并显示接口的用例以及用例失败详情

问题分析：执行结果可以用表格展示，失败的用例有零至多个，如果用表格嵌入表格的形式不太美观，而且用例失败详情是以txt存储在本地，不方便存入数据库拉取，所以失败的用例用弹窗展示，并通过链接跳转的方式，打开失败用例详情。

解决方法：表格为父组件，弹窗为子组件

弹窗内的内容：利用父组件当前所在行的唯一标识查找需要的数据，传给子组件回显，并通过href属性跳转

遇到的小问题：

（1）如何通过链接访问本地文件

（2）动态拼接跳转链接

解决方案：（1）访问本地链接有很多方式，最简单的一种就是利用接口

@app.route("/static/<filename>")
def get_filename(filename):
    with open(r'E:/xxxx/static/{}'.format(filename),'rb') as f:
        fileas = f.read()
        resp = Response(fileas,mimetype='application/octet-stream')

然后就可以通过链接访问：

  http://127.0.0.1:5678/static/文件名

（2）拼接一直不对是因为拼接符号的问题

<a href={'http://172.20.11.63:5678/'+record.prepath+'/'