![](https://img-blog.csdnimg.cn/20200711144733872.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
react
文章平均质量分 54
react 学习入门
小朋友,你是否有很多问号?
这个作者很懒,什么都没留下…
展开
-
react路由二级嵌套
创建people 父页面分别在 Nav 和 App中引用 import React from 'react' import Nav from '../Nav' import {Link} from 'react-router-dom' export default class People extends React.Component{ render(){ return( <div> <Nav/&g...原创 2021-01-09 19:01:27 · 536 阅读 · 1 评论 -
react路由-属性2
请先查看第一篇 https://blog.csdn.net/oracle8090/article/details/112368060 1.实现使用按钮跳转路由 this.props.history.push("/cart") this.props.history.replace("/cart") push和replace的区别:push添加,replace是替换页面,主要体现,是否可以回退 在原有项目的基础上增加Cart 页面 import React from...原创 2021-01-09 12:52:50 · 104 阅读 · 0 评论 -
react路由 -简单实现
项目结构: Details 和 List的路由及页面内容有接受参数的方式,在文章最后都有展示 1.安装依赖 npminstall--savereact-router-dom 2.Link跳转 Nav/index.jsx 导航高亮的处理点击菜单显示高亮:activeStyle={{color:'red'}}activeClassName="active" import React from 'react' import { NavLink } fr...原创 2021-01-08 16:25:44 · 253 阅读 · 0 评论 -
简单封装前端请求工具类
目录结构 1.http.js 访问接口模块,用来封装请求方法 import qs from "querystring" export function httpGet(url){ const result= fetch(url); return result } export function httpPost(url,data){ const result = fetch(url,{ method:"post", headers: {原创 2020-12-10 16:05:24 · 300 阅读 · 0 评论 -
react 中的生命周期
转载自:https://blog.csdn.net/ElinaVampire/article/details/51813677 React Native中的component跟Android中的activity,fragment等一样,存在生命周期,下面先给出component的生命周期图 getDefaultProps object getDefaultProps() 执行过一次后,被创建的类会有缓存,映射的值会存在this.props,前提是这个prop不是父组件指定的 这个方法在对象被创建转载 2020-08-27 13:35:47 · 121 阅读 · 0 评论 -
React 路由
## 路由 参考地址:https://reacttraining.com/react-router/web/guides/quick-start 1.安装 路由 npm install react-router-dom --save 2.BrowserRouter和HashRouter区别 1.表现形式不同:BrowserRouter:/ HashRouter:/#/ 指的是具体浏览器访问 是 xxxx/login 还是 xxxx/#/login 2.打包发布的时候,...原创 2020-07-18 22:41:30 · 125 阅读 · 0 评论