照葫芦画瓢 第一天 react + mobx

照葫芦画瓢 第一天 react + mobx,第1张

一 点击icon 进行路由跳转 一些 *** 作:

首先用withRouter 包裹导出组件 A 实现 非router 也能跳转 props中会多 history, location, match三个参数

调用公用的方法 传props进入 解析出 地址 这里replace 可以稍微深入学习下 第一个参数用了一个正则表达式去除路径上的后面多余的 / replace(//$/, () => ‘’) \ 作为转义符 第二个参数可以是一个函数 下面转述第二个参数 作为函数使用:

  原理感觉像是匹配几次  而且是一个立即执行函数 
  传了 三个参数 可以通过 arguments  拿到 
  第一个参数是 匹配的字符,第二个是出现位置 Index  第三个是 原字符串  函数 返回值就是需要替换的字符串  

通过上面2步 获取并处理了path 再用replace 替换 最后一级路径 调用history.replace来进行跳转

二 抛出组件给其他模块用时

某些数据props 进来 可在componentDidUpdate 进行判断 this.props.*** !== preProps.** 来监听到数据改变 组件做出及时更新预留拦截事件 如保存的时候 onBeforeSave 返回当前处理的数据 外部调用放 可进行复写后 customParams 进行提交

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/937709.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-17
下一篇 2022-05-17

发表评论

登录后才能评论

评论列表(0条)

保存