React
淡若清风_Simple
这个作者很懒,什么都没留下…
展开
-
React 相关学习文档
React 官方文档 [学习语法等等]react-router-dom 官方文档[ 学习API: HashRouter,Link,Route,Switch,Redirect 等等]react-redux 文档文档[学习API: Provider , connect()]redux-thunk 异步actioncreate-react-app 中文文档[如 生产环境 还有线上环境的配置]...原创 2020-02-19 11:44:33 · 188 阅读 · 0 评论 -
在 create-react-app构建项目时使用css-modlue解决样式冲突
1.0 理解css-modlue是什么CSS-Module 是一个 css 模块化解决方案,可以通过webpack 在 css-loader 配置 css-module ,开启后默认局部作用域2.0 为什么要使用css-modlue通过模块化的方式引入css,这样引入的样式名称会根据一定算法给名称加以修改,防止在引入其他组件的时候样式会冲突3.0 如何使用,以及应用场景模块化方式引...原创 2020-02-17 11:35:18 · 655 阅读 · 0 评论 -
React的学习过程中记录的知识点-----路由切换的性能问题
1.0 state的改变以 及 props的改变 都会导致组件的重新渲染,所以要考虑性能问题,充分利用导航钩子2.0 路由的编程式导航( this.props.localtion.push),或者 <Link > 的方式进行路由切换的动作,都会导致对应的组件创建,渲染,销毁等行为,比较消耗性能,如果是同一路由多次点击,应该要做一个判断,是同一路由下就不做路由切换动作,提高性能,实习思...原创 2020-02-17 10:59:52 · 420 阅读 · 0 评论 -
React中受控组件与非受控组件
react中受控组件演示:react中非受控组件演示原创 2020-02-16 17:49:46 · 136 阅读 · 0 评论 -
React中子组件向父组件传值(通过回调函数的方式)
1.0 在父组件中通过属性的方式将回调函数的引用传递给子组件2.0 在子组件中通过this.props.callback(params)执行回调函数,将要传递的值通过 params参数传递回去...原创 2020-02-16 17:35:13 · 3965 阅读 · 0 评论 -
react中兄弟组件之间的传值
原创 2020-02-16 17:11:35 · 1536 阅读 · 0 评论 -
react-router-dom 中自定义 Link (custom link)
官网react-router-dom自定义Link组件1.0 自定义Link的应用场景 (如:tabtar 实现路由的切换)2.0 实现原理:相当于自定义组件(函数式组件,注意不是class组件)实现步骤一: 按需导入相关模块,注意 最后导入的useRouteMatch的模块是可以判断当前路由是否激活==实现步骤二: ==: 创建函数式组件的方式,创建一个自定义的Link组件,一定要...原创 2020-02-15 22:37:49 · 3512 阅读 · 0 评论 -
react-redux和redux的使用,以及使用 redux-thunk实现异步action
redux 用来创建数据仓库,通过createStore( ) 方法实现react-redux,在 react 中,通过Provide作为父组件包裹,将 redux创建的store,通过属性的方式挂载到Provide组件中,只要 组件中的子组件与仓库建立连接(通过connect方法建立连接),就会通过 mapStateToProps方法将store仓库的数据映射到该子组件,作为子组件的属性,...原创 2020-02-14 22:38:02 · 375 阅读 · 0 评论 -
React生命周期图
理解什么是生命周期函数: 生命周期函数(钩子函数)通俗的说就是在某一时刻会被自动调用执行的函数。原创 2020-02-12 16:19:41 · 121 阅读 · 0 评论 -
Redux的使用
首先要理解的是 redux的概念: Redux 是 JavaScript 状态容器,提供可预测化的状态管理redux学习文档安装 redux: yarn add redux -s创建一个 reducers.js,根据操作类型(action.type),修改 store容器中的数据(sotre.getState())创建一个 store.js1.0 创建一个 reducers....原创 2020-02-12 16:16:43 · 179 阅读 · 0 评论