react
WhiteLierTo
写文章去记录知识
展开
-
手牵手学习react之如何使用react-redux(二)
React-Radux实际项目中,需要权衡是直接使用Redux还是用React-Redux。React-Redux 将所有组件分成两大类:UI 组件(presentational component)和容器组件(container component)UI组件只负责 UI 的呈现,不带有任何业务逻辑 没有状态(即不使用this.state这个变量) 所有数据都由参数(this.props)提供 不使用任何 Redux 的 API容器组件负责管理数据和业务逻辑,不负责 UI 的呈现原创 2020-08-23 17:29:47 · 203 阅读 · 0 评论 -
手牵手学习react之如何使用React Hook(基础)(三)
什么是 Hook ?官方介绍:Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。在我们继续之前,请记住 Hook 是:完全可选的。你无需重写任何已有代码就可以在一些组件中尝试 Hook。但是如果你不想,你不必现在就去学习或使用 Hook。 100% 向后兼容的。Hook 不包含任何破坏性改动。 现在可用。Hook 已发布于 v16.8.0。接下来让我们开始吧~State Hook...原创 2020-08-27 14:49:48 · 416 阅读 · 2 评论 -
每日三问之react项目知识点--前期配置
react项目中使用绝对路径tsconfig.json{ "compilerOptions": { "baseUrl": "./src", },}原创 2021-12-28 16:06:16 · 295 阅读 · 0 评论 -
优秀代码记录学习
router跳转router.beforeEach((to, from, next) => { document.title = `${to.meta.title} | vue-manage-system`; const role = localStorage.getItem('ms_username'); if (!role && to.path !== '/login') { next('/login'); } else if.原创 2021-10-17 22:30:53 · 130 阅读 · 0 评论 -
手牵手系列-面试题2020_持续更新
v-if和v-for一起使用的弊端以及解决办法 v-for的优先级比v-if高,导致每循环一次就会去v-if一次,而v-if是通过创建和销毁dom元素来控制元素的显示与隐藏,所以就会不停的去创建和销毁元素,造成页面卡顿,性能下降。解决办法:1.在v-for的外层包裹一个标签来使用v-if2将需要的判断在computed里处理,然后在放到v-for里...原创 2020-08-25 00:00:45 · 257 阅读 · 0 评论 -
手牵手学习react之左侧导航栏路由封装(七)
前言后台管理系统是前端永远绕不开的话题,无论技术怎么革新,检验技术最好的标准就是如何做好产品。如今的前端可谓是百花齐放,百家争鸣,甚至学不过来了!吐血~ 本节主要讲述如何使用react、react-router-dom封装侧边栏。介绍下载react-router-domyarn add react-router-domreact-router-dom: 基于react-router,加入了在浏览器运行环境下的一些功能: Link组件,会渲染一个a标签; Browse..原创 2020-09-07 11:51:03 · 5075 阅读 · 0 评论 -
手牵手学习react之相关知识点记录_持续更新(六)
组件类型无状态组件(函数组件)无状态(state)组件是最基础的组件形式,由于没有状态的影响所以就是纯静态展示的作用。属性(props)加上一个渲染函数(render)。复用性比较强。有状态组件组件内部包含状态(state)且状态随事件或者外部的消息而发生改变。有状态组件通常会带有生命周期(lifecycle)。UI组件负责数据的渲染,通过属性props接收外部数据加上render函数。容器组件axios数据的获取以及处理逻辑上的事情,不负责数据的渲染。高阶组件复用组件逻辑..原创 2020-09-01 15:32:30 · 239 阅读 · 0 评论 -
手牵手学习react之如何封装请求及处理跨域(五)
处理跨域首先下载插件http-proxy-middlewareyarn add http-proxy-middleware原创 2020-08-31 11:09:11 · 2103 阅读 · 1 评论 -
手牵手学习react之如何使用redux-thunk中间件(四)
背景Redux store 仅支持同步数据流。使用thunk等中间件可以帮助在 Redux 应用中实现异步性。要在应用中使用thunk中间件,请务必安装redux-thunk安装包原创 2020-08-28 09:40:38 · 507 阅读 · 0 评论 -
手牵手学习react之如何使用redux(一)
手把手学习react之如何使用redux原创 2020-08-18 16:18:40 · 325 阅读 · 0 评论