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 · 548 阅读 · 1 评论 -
react路由-属性2
请先查看第一篇https://blog.csdn.net/oracle8090/article/details/1123680601.实现使用按钮跳转路由this.props.history.push("/cart")this.props.history.replace("/cart")push和replace的区别:push添加,replace是替换页面,主要体现,是否可以回退在原有项目的基础上增加Cart 页面import React from...原创 2021-01-09 12:52:50 · 111 阅读 · 0 评论 -
react路由 -简单实现
项目结构:Details 和 List的路由及页面内容有接受参数的方式,在文章最后都有展示1.安装依赖 npminstall--savereact-router-dom2.Link跳转 Nav/index.jsx 导航高亮的处理点击菜单显示高亮:activeStyle={{color:'red'}}activeClassName="active"import React from 'react'import { NavLink } fr...原创 2021-01-08 16:25:44 · 262 阅读 · 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 · 307 阅读 · 0 评论 -
react 中的生命周期
转载自:https://blog.csdn.net/ElinaVampire/article/details/51813677React Native中的component跟Android中的activity,fragment等一样,存在生命周期,下面先给出component的生命周期图getDefaultPropsobject getDefaultProps()执行过一次后,被创建的类会有缓存,映射的值会存在this.props,前提是这个prop不是父组件指定的这个方法在对象被创建转载 2020-08-27 13:35:47 · 126 阅读 · 0 评论 -
React 路由
## 路由参考地址:https://reacttraining.com/react-router/web/guides/quick-start1.安装 路由 npm install react-router-dom --save2.BrowserRouter和HashRouter区别 1.表现形式不同:BrowserRouter:/ HashRouter:/#/ 指的是具体浏览器访问 是 xxxx/login 还是 xxxx/#/login 2.打包发布的时候,...原创 2020-07-18 22:41:30 · 133 阅读 · 0 评论