随笔分类 - React
摘要：高阶函数_函数柯里化 高阶函数（定义） 如果一个函数符合下面两个规范，就是高阶函数： 如果A函数，接收的参数是一个函数，那么A就是一个高阶函数（比如数组方法arr.map()接收的就是一个处理item的函数了） 如果A函数，调用的返回值依然是一个函数，那么A也称为是高阶函数（常见的高阶函数：Prom
阅读全文
摘要：React中代理的配置 主要是解决同源策略的问题 何为同源策略？ 因为我们React在3000端口，Vue在8080端口，而后台接口往往在5000，这种不同的端口之间就是一种跨域的问题了 axios发送跨域请求的时候，实际上是有访问后台，并且从后台拿到了数据，只是这些数据回不了，因为ajax疫情拦截
阅读全文
摘要：React中key的作用 经典面试题： （1）react/vue中的key有什么作用？（key的内部原理是什么） （2）为什么遍历列表的时候，key最好不要用index？ 虚拟DOM中key的作用： ①、简单的说：key是虚拟DOM对象的标识，在更新显示时key起到极其重要的作用 ②、详细的说：当状
阅读全文
摘要：React三种路由参数传递方式 主要是Link跳转路由和注册路由的时候，要相互配合，才能助力参数的传递 首先看一下，路由传递过去的参数 通过params参数 基本使用： <Link to={`/home/message/detail/${msgObj.id}/${msgObj.title}`}>{m
阅读全文
摘要：React生命周期 旧生命周期 挂载生命周期 执行流程：constructor -> componentWillMount -> render -> componentDidMount -> componentWillUnmount mount：挂载 unmount：卸载 render其实是对组件进
阅读全文
摘要：React数据共享插件-PubSub 下载pubsub-js插件 npm install pubsub-js 如果要修改一个变量值的话 PubSub.publish('state',{isLoading: true}) 如果有人修改了这个变量，就触发下面的回调函数 PubSub.subscribe(
阅读全文
摘要：React中路由基本&高级使用 一、基本使用 下载路由插件 react-router-dom npm install react-router-dom 路由前言： 在原生的html中，靠<a/>跳转不同的页面 在React中靠路由链接实现切换组件 react-router-dom的理解 react-
阅读全文
摘要：React中嵌套路由 一、精准匹配和模糊匹配 （1）、模糊匹配： // 路由跳转 <MyNavLink to="/home/a/b">Home</MyNavLink> // 注册路由 <Route path="/home" component={Home}/> 点击侧边栏，跳转到 localhost
阅读全文
摘要：React中网络请求接口API axios请求： getStudentData = () => { axios.get('http://localhost:3000/api1/students').then( response => {console.log('成功了', response.data
阅读全文
摘要：记录-form提交的bug 先展示最后的jsx代码： render() { return ( <form action="http://www.atguigu.com" onSubmit={this.handleSubmit}> 用户名：<input ref={c => this.username
阅读全文
摘要：记录Bug——因路由导致的样式丢失问题 问题展示： <div className="row"> <div className="col-xs-2 col-xs-offset-2"> <div className="list-group"> <MyNavLink to="/gogocj/about">
阅读全文
摘要：组件实例三大属性 一、三大属性之一：state 1、在构造器中初始化state 默认状态下React.Components会给我们定义构造器（类似于无参构造函数一样），但是默认是把state设置为null的，那么如果我们要自定义初始化的state的话，那么我们就要像（有参构造函数一样）自定义构造函数
阅读全文
浙公网安备 33010602011771号