自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(9)
  • 收藏
  • 关注

原创 react 中this指向问题

运行一下代码会报错,就是因为this指向的问题import React, {Component} from 'react'import { Button } from 'antd';export default class Home extends Component { constructor(props) { super(props) this.state = ...

2018-10-11 16:55:50 1052

原创 react 中使用图片

react中使用图片三种方式1、分离引入方式import React, { Component } from 'react'import Logo from '../assets/images/11.jpeg'class Image extends Component { constructor(props) { super(props); this.state...

2018-10-11 16:16:39 8188

原创 react 搭建react开发环境

搭建React开发环境有两种第一种方法(老-现在推荐):    https://reactjs.org/docs/create-a-new-react-app.html    1、必须要安装nodejs     注意:安装nodejs稳定版本             2.安装脚手架工具   (单文件组件项目生成工具)   只需要安装一次        npm install ...

2018-10-11 16:06:44 261

原创 fetch使用

为何使用fetch?        前端开发中,向服务器请求数据通常用三种:XMLHttpRequest、fetch、jQuery的ajax        XMLHttpRequest、fetch是浏览器的原生API,fetch在IE和低版本的浏览器支持不友好        jQuery的ajax其实就是对XMLHttpRequest的封装实现 建议在项目中引用第三方封装好...

2018-10-11 14:57:36 1385

原创 ⑤react-router4.x 路由模块化

按照之前的写法,我们都是将Route手动填写进去,如果路由变得多,嵌套变得复杂,就会看上去很乱之前的做法:class App extends Component { render() { return ( <Router> <div> <header clas...

2018-10-10 17:12:44 1098

原创 ④react-router4.x 嵌套路由的使用

当遇到以上的情况, content 部分内容需要根据 content menu的点击儿变换,我们就需要用动态路由来实现主要的代码逻辑:用户页面会涉及到路由嵌套入口文件代码:<Router> <div> <header className="title"> <Link to="/">首页组件<

2018-10-10 16:31:25 944

原创 ③react-router4.x使用 js实现路由跳转

实现js跳转路由官方文档:js路由跳转 1、要引入Redirectimport { BrowserRouter as Router,Route, Link, Redirect, withRouter} from "react-router-dom";2、定义一个flagthis.state = { loginFlag:false}; 3、render里...

2018-10-10 16:12:56 2528

原创 ②react-router4.x使用 路由传值

react-router 路由传值分为 动态路由传值 和 get传值 两种1、动态路由传值配置:<Route path="/content/:aid" component={Content} /> 对应的动态路由加载的组件里面获取传值// 在组件中通过这种方式获取传来的值this.props.match.params 2、get传值配置:...

2018-10-10 16:05:55 804

原创 ①react-router4.x使用

react路由的配置:1、找到官方文档 https://reacttraining.com/react-router/web/example/basic2、安装 react-router-dom --save3、找到项目的根组件引入react-router-domimport { BrowserRouter as Router, Route, Link } from "react...

2018-10-10 15:55:01 208

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除