摘要: React中key的作用 经典面试题: (1)react/vue中的key有什么作用?(key的内部原理是什么) (2)为什么遍历列表的时候,key最好不要用index? 虚拟DOM中key的作用: ①、简单的说:key是虚拟DOM对象的标识,在更新显示时key起到极其重要的作用 ②、详细的说:当状 阅读全文
posted @ 2021-09-24 15:36 SCAU-gogocj 阅读(229) 评论(0) 推荐(0) 编辑
摘要: React三种路由参数传递方式 主要是Link跳转路由和注册路由的时候,要相互配合,才能助力参数的传递 首先看一下,路由传递过去的参数 通过params参数 基本使用: <Link to={`/home/message/detail/${msgObj.id}/${msgObj.title}`}>{m 阅读全文
posted @ 2021-09-24 15:35 SCAU-gogocj 阅读(755) 评论(0) 推荐(0) 编辑
摘要: React生命周期 旧生命周期 挂载生命周期 执行流程:constructor -> componentWillMount -> render -> componentDidMount -> componentWillUnmount mount:挂载 unmount:卸载 render其实是对组件进 阅读全文
posted @ 2021-09-24 15:31 SCAU-gogocj 阅读(76) 评论(0) 推荐(0) 编辑
摘要: React数据共享插件-PubSub 下载pubsub-js插件 npm install pubsub-js 如果要修改一个变量值的话 PubSub.publish('state',{isLoading: true}) 如果有人修改了这个变量,就触发下面的回调函数 PubSub.subscribe( 阅读全文
posted @ 2021-09-24 15:29 SCAU-gogocj 阅读(105) 评论(0) 推荐(0) 编辑
摘要: React中路由基本&高级使用 一、基本使用 下载路由插件 react-router-dom npm install react-router-dom 路由前言: 在原生的html中,靠<a/>跳转不同的页面 在React中靠路由链接实现切换组件 react-router-dom的理解 react- 阅读全文
posted @ 2021-09-24 15:26 SCAU-gogocj 阅读(222) 评论(0) 推荐(0) 编辑
摘要: React中嵌套路由 一、精准匹配和模糊匹配 (1)、模糊匹配: // 路由跳转 <MyNavLink to="/home/a/b">Home</MyNavLink> // 注册路由 <Route path="/home" component={Home}/> 点击侧边栏,跳转到 localhost 阅读全文
posted @ 2021-09-24 15:23 SCAU-gogocj 阅读(435) 评论(0) 推荐(0) 编辑
摘要: React中网络请求接口API axios请求: getStudentData = () => { axios.get('http://localhost:3000/api1/students').then( response => {console.log('成功了', response.data 阅读全文
posted @ 2021-09-24 15:22 SCAU-gogocj 阅读(468) 评论(0) 推荐(0) 编辑
摘要: 记录-form提交的bug 先展示最后的jsx代码: render() { return ( <form action="http://www.atguigu.com" onSubmit={this.handleSubmit}> 用户名:<input ref={c => this.username 阅读全文
posted @ 2021-09-24 15:19 SCAU-gogocj 阅读(148) 评论(0) 推荐(0) 编辑
摘要: 记录Bug——因路由导致的样式丢失问题 问题展示: <div className="row"> <div className="col-xs-2 col-xs-offset-2"> <div className="list-group"> <MyNavLink to="/gogocj/about"> 阅读全文
posted @ 2021-09-24 15:19 SCAU-gogocj 阅读(248) 评论(0) 推荐(0) 编辑
摘要: 组件实例三大属性 一、三大属性之一:state 1、在构造器中初始化state 默认状态下React.Components会给我们定义构造器(类似于无参构造函数一样),但是默认是把state设置为null的,那么如果我们要自定义初始化的state的话,那么我们就要像(有参构造函数一样)自定义构造函数 阅读全文
posted @ 2021-09-24 15:16 SCAU-gogocj 阅读(202) 评论(0) 推荐(0) 编辑