后台管理系统,从列表跳转详情页面的常规操作,一般新增、编辑和详情页面是共用的,但是可能详情是禁止编辑的,点击编辑按钮之后页面又要可以编辑。
一般情况下,页面初始化,是否能够编辑,是通过路径上的pageType来判断
如: xxxxx/xxxxx?id=123&pageType=edit(add/details)
这时不管是vue还是react 项目 可以将页面类型 作为响应式数据的初始值,当我们需要将禁用改为可编辑时,只需要更改响应式数据即可达到目的。
如 [ status, setSttus ] = useEffect(页面的类型)
<Input disabled={status}>
我们只需修改 status 即可控制页面是否可以编辑