摘要: React组件中经常会用到this.props.history.push来进行页面的跳转,关于props.history,在项目里使用过程中有遇到一些相关的问题和知识,在这里记录一下。下面为history的属性: history.push经常会用来进行页面的跳转,当然前提是在路由中有写url对应的界 阅读全文
posted @ 2020-11-03 15:59 oilweng 阅读(726) 评论(0) 推荐(0) 编辑
摘要: 高阶组件中的withRouter, 作用是将一个组件包裹进Route里面, 然后react-router的三个对象history, location, match就会被放进这个组件的props属性中. 所以withRouter的作用就是, 如果我们某个东西不是一个Router, 但是我们要依靠它去跳 阅读全文
posted @ 2020-11-03 15:40 oilweng 阅读(88) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2020-10-22 10:20 oilweng 阅读(52) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2020-10-22 10:16 oilweng 阅读(88) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2020-10-21 20:59 oilweng 阅读(66) 评论(0) 推荐(0) 编辑
摘要: 将生命周期方法添加到 Class 中 阅读全文
posted @ 2020-10-21 20:48 oilweng 阅读(77) 评论(0) 推荐(0) 编辑
摘要: 设置状态:setState 替换状态:replaceState 设置属性:setProps 替换属性:replaceProps 强制更新:forceUpdate 获取DOM节点:findDOMNode 判断组件挂载状态:isMounted (在 ES6 中已经废除) setState说明: 阅读全文
posted @ 2020-10-21 20:26 oilweng 阅读(71) 评论(0) 推荐(0) 编辑
摘要: 注意: 阅读全文
posted @ 2020-10-21 18:11 oilweng 阅读(75) 评论(0) 推荐(0) 编辑
摘要: 条件渲染 阅读全文
posted @ 2020-10-21 17:10 oilweng 阅读(73) 评论(0) 推荐(0) 编辑
摘要: 1.bind绑定的方法 不传参 传参 2.属性初始化器的方式 不传参 传参 3.回调函数的方式 不传参 传参 classHelloextendsReact.Component{ constructor(){super()this.state ={ content:true}this.change = 阅读全文
posted @ 2020-10-21 16:29 oilweng 阅读(117) 评论(0) 推荐(0) 编辑