随笔分类 -  react工作经验

上一页 1 2 3 4 5 6 7 下一页
react路由中 this.props.location.pathname 表示当前浏览器请求的路径和this.props.match中的path/url的区别 及 当不采用<NavLink>导航路由，而采用this.props.history.push()/replace() 进行路由导航设置激活状态的几种方式 及 替代<NavLink>路由导航重要的数据结构定义（类似定义选项卡的数据结构）
该文被密码保护。
posted @ 2019-11-26 14:47 _various 阅读(1) 评论(0) 推荐(0)
react中当组件的state或者props发生改变的时候，render()函数就会重新执行，而不是整个生命周期重新执行 ( 例如constructor(){} componentWillMount(){} componentDidMount(){} 不会重新执行 )
该文被密码保护。
posted @ 2019-11-26 13:40 _various 阅读(0) 评论(0) 推荐(0)
react路由中嵌套路由 及 嵌套路由使用场景(当然项目中也可以都不使用嵌套路由，都使用一级路由，具体看情况而定) 及 制造出入口的路由组件的重要思想 和 react路由拆分的重要思想(把路由拆分出一个模块进行管理,方便管理 )
该文被密码保护。
posted @ 2019-11-26 11:30 _various 阅读(1) 评论(0) 推荐(0)
react项目路由从启动的根目录" / " 跳转到默认默认首页"/integration"的写法参考(结合<Redirect>路由重定向的使用) 及 <Route>组件的component属性值通常情况下是一个组件，也可以是一个函数 及 别忘记加上精准匹配exact
该文被密码保护。
posted @ 2019-11-26 09:43 _various 阅读(1) 评论(0) 推荐(0)
react中路由跳转通常使用的几种方式 及 url传参的几种方式 及 hash值的作用(可以用来做页面内定位的作用，通过hash值定位到浏览器视口) 及 react路由中容易让人忽视的： state可以用来传参数，也可以用来传递数据，比如对象和数组及使用注意点(经过测试： hash路由模式下(#)：刷新一下数据就会消失，在historyH5路由模式下：刷新一下数据不会消失)
该文被密码保护。
posted @ 2019-11-25 17:01 _various 阅读(8) 评论(0) 推荐(0)
react中使用HashRouter路由带#点击相同的路由会报错warning: Hash history cannot PUSH the same path; a new entry will not be added to the history stack.( BrowserRouter的H5路由模式不带#,点击相同的路由不会报错-》但可能会导致刷新时候报404错误，要后端配置 )及解决方案
该文被密码保护。
posted @ 2019-11-25 10:42 _various 阅读(1) 评论(0) 推荐(0)
react react路由属性之exact 作用----精准匹配 及 react路由官方学习文档( 文档在不断更新，有很多新的东西需要学习..)
该文被密码保护。
posted @ 2019-11-22 17:28 _various 阅读(1) 评论(0) 推荐(0)
有关阮一峰大神 靠谱的技术学习网站 （重点在于 阮一峰ES6标准学习网站《ES6 标准入门》 和 阮一峰Javascript靠谱的学习网站《JavaScript 语言入门教程》）---> 可适用于日常使用的重点参考手册 及 阮一峰React Hooks入门教程
该文被密码保护。
posted @ 2019-11-22 10:53 _various 阅读(1) 评论(0) 推荐(0)
1. react中使用redux-form中不同提交按钮对应不同验证表单（但是整个表单确是一个整体）遇到难解决的坑 ( 解决方案：将原本写在外面的逻辑移动到在回调函数中执行的this.submitTest 中！-> 解决思路： 通过动态的设置其校验规则属性validate )及input标签的事件汇总和DOM的focus()方法和blur()方法-设置焦点和让其失去焦点通常用在input等表单上
该文被密码保护。
posted @ 2019-11-18 20:53 _various 阅读(4) 评论(0) 推荐(0)
项目离奇BUG(Tooltip组件的异常现象)引发的 shouldComponentUpdate(nextProps, nextState){} 性能优化的一系列思考实践测试 及 React.PureComponent和React.Component区别: （和React.Component一样，不过比React.Component多了组件默认创建的shouldComponentUpdate行为）
该文被密码保护。
posted @ 2019-11-15 18:30 _various 阅读(3) 评论(0) 推荐(0)
React中常用的三元表达式和 短路表达式----------及 React中在render()方法中，return前定义的变量/方法可以直接用，而在render之外定义的变量/方法则需要通过this.xx或者this.state.xx拿到
该文被密码保护。
posted @ 2019-11-15 15:19 _various 阅读(0) 评论(0) 推荐(0)
react的循环数组方法的使用的各种方式(通常用map循环, 也可以使用forEach) 以及在实例上定义方法来渲染的时候，千万别忘记把map循环得到的新数组返回出去 和 在循环数组的时候，可以先判断一下数组里是否有值，有值再去循环的好处 及 较为严谨的map循环判断，先判断存在，并且数组里有值再进行循环
该文被密码保护。
posted @ 2019-11-13 23:29 _various 阅读(2) 评论(0) 推荐(0)
使用+= -= *= /= %= ...的注意点（会修改原数据），在redux中的reducer使用时要特别注意这一点----》因为reducer的原则是不能修改原来state, 每次都返回一个全新的state对象
该文被密码保护。
posted @ 2019-11-13 21:39 _various 阅读(1) 评论(0) 推荐(0)
JS获取DOM元素的八种方法和react/vue框架中获取DOM/组件实例(ref的使用及在react中ref使用特别注意点：当子组件为函数组件时，则无法通过ref形式获取实例)及react/vue中父组件获取/调用子组件中的方法/属性数据->可通过ref（在组件上设置ref获取的是组件实例，在dom上设置ref获取的是dom）--父组件获取子组件实例-》则可获取到子组件中的属性数据/获取调用方法
该文被密码保护。
posted @ 2019-11-13 12:29 _various 阅读(3) 评论(0) 推荐(0)
react中路由级组件会把路由信息封装在location history match三个对象中，并且挂在组件props属性上 及 如何让非路由组件也具备路由信息的解决方案……withRouter可以包装任何自定义组件，将react路由的 history,location,match 三个对象传入， 就可以拿到需要的路由信息
该文被密码保护。
posted @ 2019-11-12 23:06 _various 阅读(2) 评论(0) 推荐(0)
阮一峰对象的扩展及...扩展运算符可以实现对象/数组的拷贝功能(浅拷贝)及对象的合并---如果用户自定义的属性，放在扩展运算符后面，则扩展运算符内部的同名属性会被覆盖掉。----> 在redux中的reducer中有大量的应用，------》 redux中reducer修改数据的原则： 不修改原来的state, 每次都返回一个全新的state对象！！
该文被密码保护。
posted @ 2019-11-11 14:54 _various 阅读(6) 评论(0) 推荐(0)
React新特性实例详解（memo、lazy、suspense、hooks）及注意版本问题：React16.6以上出的新特性：memo、lazy、suspense...等， React版本16.8中的新功能：hooks...等
该文被密码保护。
posted @ 2019-11-11 13:37 _various 阅读(0) 评论(0) 推荐(0)
JavaScript try/catch/finally 语句 及 应用场景 和 vue中vuex / react中redux使用存在的问题---》页面一刷新，数据就会初始化回到默认值(解决方案：vuex/redux结合H5存储使用， 在适当的组件(一般为入口组件)适当的初始化时机(生命周期等...)----> 将数据数据从缓存中取出，并且重新将数据设置带redux/vuex中。)
该文被密码保护。
posted @ 2019-11-11 10:41 _various 阅读(2) 评论(0) 推荐(0)
react中子组件调用父组件方法的写法（一般目的是： 子组件向父组件传递数据--实现方式及写法注意点） 及 react中改变this指向通常使用的几种方式 和 React中定义组件名----》第一个首字母要大写 及 React中绑定方法错误写法注意(直接执行方法会报错--除非立即执行函数，return返回一个函数)
该文被密码保护。
posted @ 2019-11-09 20:10 _various 阅读(6) 评论(0) 推荐(0)
1. react企业中使用Select组件代码参考及 jsx强大之处： 数组中及对象中可以混写DOM元素、组件(js和DOM元素、组件和混写)----> 展示的时候React会正常转换显示对应的内容。 2. 通常情况下： 渲染Select组件的Option可以封装为一个通用的函数，方便到处调用。
只有注册用户登录后才能阅读该文。
posted @ 2019-11-06 18:54 _various 阅读(8) 评论(0) 推荐(0)

上一页 1 2 3 4 5 6 7 下一页