react将一个页面作为子组件的使用方法

其实这个并没有什么好说的，只是当时的业务和权限控制有关联，脑子突然有点短路了，把我整不会了，后来突然想明白了，权限不也是数据嘛，把权限数据传给这个页面组件不就行了。其实就是将页面抽取成一个通用组件的问题，下面说说具体的操作：

---

先说场景：

有个 DT 页面，上面有一些按钮，需要用权限控制这些按钮的显示隐藏，其实就是不同的用户的权限分配问题。

有 A B C 三个页面，从这三个页面分别进入 DT 页面，看到的数据是不一样的，看到的按钮也得是不一样的，只是 UI 布局和字段名相同而已。

---

解决方法：

将 DT 页面作为公用的子组件使用

增加三个路由，然后再增加三个文件（A1,B1,C1 对用这三个路由跳转的页面），A1,B1,C1都引用 DT 组件，就可以渲染出三个 DT 页面

将权限数据和其他数据从 A1 B1 C1 页面注入到引用的 DT 组件里，DT 组件从对应的父组件当中获取数据进行控制

完事

---

记一次脑残心得！！！