react
cc果冻LXY
这个作者很懒,什么都没留下…
展开
-
React的路由传参
1.params<Route path='/path/:name' component={Path}/><link to="/path/2">xxx</Link>this.props.history.push({pathname:"/path/" + name});读取参数用:this.props.match.params.name优势 : 刷...转载 2019-06-20 17:34:51 · 85 阅读 · 0 评论 -
React的高阶组件
高阶组件:组件被当做参数传递到另一个组件中进行使用,返回一个新组件。自定义一个组件,把登陆判断做一个封装在引入组件的地方,把自定义组件引入import NeedLogin from './components/NeedLogin'需要登陆判断的route组件采用自定义组件<Content> <Route exact path='/' component={H...原创 2019-06-20 20:37:41 · 95 阅读 · 0 评论 -
react组件传值
父组件给子组件传值用props子组件給父组件传值用方法调用import React, { Component } from 'react'//子组件class Counter extends Component { constructor(props) { super(props); this.state = { count: 1 } }...原创 2019-06-17 22:27:22 · 85 阅读 · 0 评论 -
react的坑
在用NavLink或者Link跳转的时候,例如:你在home页,再点击home这个标签的时候会报出一个错 但此时项目是可以运行的,而且这个报错信息仅仅在开发环境有,在生产环境是没有的,所以说此问题不会影响系统的正常使用,但如果你是一名“代码洁癖症”患者的话呢,我们可以做一下处理,把它关掉。处理过程:在配置路由的时候,在后面加replace <ul> ...原创 2019-06-26 17:42:26 · 96 阅读 · 0 评论 -
react的生命周期
initalization组件初始化调用一个方法:constrctorMounting:组件的挂载阶段componentWillMount组件将要挂载→render(渲染,render方法里是页面上展示的内容)→componentDidMount组件挂在完成(axios请求数据在这里)Updation更新阶段(props和state)props会执行...原创 2019-07-19 15:24:44 · 98 阅读 · 0 评论 -
react-redux实现点击添加购物车,显示购物车总数量
在列表中点击按钮添加购物车,显示购物车数量总数,不管多少个按钮,将按钮dispath里面的type设置成一样的就可以了list列表app.jsstore文件夹里的index.jsstore文件夹里的reducers里的count.js...原创 2019-07-31 10:37:32 · 1759 阅读 · 0 评论 -
react 和vue相比
1、vue是使用单文件组件的方式把所有的组件相关内容在一个文件中进行编写.2、vue文件使用webpack中的vue-loader实现加载.3、react使用jsx语法实现组件的编写,vue是用html模板.4、vue使用数据双向绑定,使用Object.defininePrototype监听对象的setter和getter方法实现相应式的数据更新.5、react使用单向数据流机制实...原创 2019-07-23 10:30:02 · 103 阅读 · 0 评论