
react
ZjSj0812
这个作者很懒,什么都没留下…
展开
-
基于react-slick的react轮播图实现(大众点评分类菜单)
文章目录安装常见参数大众点评中分类菜单最近在看慕课网react实战课(大众点评),这里会将项目项目中一些主要的点记录下来以供以后参考安装npm install react-slick --save// css安装npm install slick-carousel --save常见参数属性名属性默认值属性含义arrowsbool (default: true)是否要显示左右箭头autoplaybool (default: false)是否自动播放au原创 2020-07-23 00:24:23 · 2132 阅读 · 0 评论 -
React基础(react-redux,中间件,异步action)—第四部分
文章目录react-redux中间件中间件用法applyMiddlewares异步actionredux-thunkredxu-sagareact-reduxreact-redux可以方便在react中使用redux提供的功能借助于Provider组件向根组件注入Store通过connect高阶组件,连接react组件和Redux状态层获取react组件所需的state和actionsreact-redux将所有组件分成两大类:UI组件和容器组件UI 组件负责 UI 的呈现,容器组件原创 2020-06-30 18:06:02 · 245 阅读 · 0 评论 -
React基础(基础使用)-第一部分
1.条件渲染 方式1:利用函数方法输出组件renderButton(){ const isLoggedIn = this.state.isLoggedIn; if(isLoggedIn) { return (<LogoutButton onClick={this.handleLogoutClick} />); } else { return (<LoginButton onClick={this.h...原创 2020-06-11 23:14:39 · 179 阅读 · 0 评论 -
React基础(redux)—第三部分
文章目录基本概念stateactionreducerreducer的拆分工作流程基本概念stateStore对象包含所有数据,用于集中管理数据,且是全局唯一state是只读的,唯一改变state的方法就是触发一个action其定义方式与React state相同{ todos: [{ text: 'Eat food', completed: true }, { text: 'Exercise', completed: false }], vis原创 2020-06-30 17:20:34 · 148 阅读 · 0 评论 -
React基础(SCU,公共逻辑抽离)—第二部分
文章目录SCU、PureComponent与memoSCU:shouldComponentUpdatePureComponent和memo关于组件公共逻辑的抽离高阶组件Render PropsHOC vs Render PropsRedux基本概念store stateactionreducer单项数据流react-redux异步action中间件SCU、PureComponent与memoSCU:shouldComponentUpdateReact默认:父组件有更新,子组件无条件更新!!因此在不原创 2020-06-30 17:20:14 · 834 阅读 · 0 评论