react
react学习
yee只鸟儿.
这个作者很懒,什么都没留下…
展开
-
raect 路由懒加载lazyLoad lazy
1.引入import react,{Component,lazy,Suspense} from 'react'const Home = lazy(()=>{import './home'})const About = lazy(()=>{import './about'})import Load from './load'2.使用Suspense作用为Home或About组件没加载出来的时候页面呈现的画面,可以是组件,也可以是dom节点,其组件引入不可是懒加载<Sus原创 2021-04-18 18:41:25 · 132 阅读 · 0 评论 -
BrowserRouter与HashRouter的区别
1.底层原理不一样 BrowserRouter使用的是H5 history API,不兼容IE9与一下版本HashRouter使用的是URL的哈希值2.path表现形式不一样 BrowserRouter路径中没有#,例如:localhost:3000/demo/text HashRouter路径中包含#,例如:localhost:3000/#/demo/test3.刷新后对路由state参数的影响 BrowerRouter没有任何影响,因为state保存在history对象中.原创 2021-04-15 15:44:35 · 243 阅读 · 0 评论 -
前端 react 面试题
1.react介绍React 是Facebook内部的一个JavaScript类库。React 可用于创建Web用户交互界面。React不是一个完整的MVC框架,最多可以认为是MVC中的V(View),甚至React并不非常认可 MVC开发模式。React 的设计思想极其独特,属于革命性创新,性能出众,代码逻辑却非常简单。React 引入了虚拟DOM(Virtual DOM)的机制。React 引入了组件化的思想。React 使用Facebook专门为其开发的一套语法糖–JSX。2.原创 2021-03-21 16:12:24 · 1359 阅读 · 0 评论 -
react 对props进行类型限制 props-type
react进行组件传值时,对props类型进行限制,在接收值的组件进行类型限制1.引入 import PropsType from 'props-type'原创 2021-03-21 11:33:52 · 1432 阅读 · 0 评论 -
react路由动态传参
1. "?"传参返回值://传参 this.props.history.push('/admin/billingSystem/payment/billPay?from=bill&type=one&id=' + record.id)//取参 //1.npm install querystring //2.querystring.parse() 方法将 URL 查询字符串 str 解析为键值对的集合。querystring.parse(this.props.location.s原创 2021-03-10 14:44:25 · 807 阅读 · 0 评论