- 博客(11)
- 收藏
- 关注
原创 react-router v4 使用 history 控制路由跳转
使用 withRouterwithRouter高阶组件import React from "react";import {withRouter} from "react-router-dom";class MyComponent extends React.Component { ... myFunction() { this.props.history.push(...
2018-08-23 14:22:57 412
原创 react router4.0 登录后返回之前浏览页面(回到来源页)
困扰了好久的问题,最终还是在官方文档上找到了答案(看英文文档真心难受啊~~)官方文档地址:https://reacttraining.com/react-router/web/example/auth-workflow1.来源页中跳转登录按钮:将本页pathname存放到路由state中,<Link to={{ pathname:"/login", stat...
2018-08-21 17:51:10 4717
原创 react项目中关于css样式-webkit-box-orient: vertical不生效问题
react项目中关于css样式-webkit-box-orient: vertical代码中有此样式,项目跑起来后发现此属性丢失.name{ font-size: 14px; height: 36px; line-height: 18px; overflow: hidden; ...
2018-08-21 13:39:07 2520
原创 React的行内样式
使用React的行内样式设置样式(1)在JSX文件中定义样式变量,和定义普通的对象变量一样let backAndTextColor = { backgroundColor:'blue', color:'#ff671b', fontSize:40}; (2)JSX的调用<div style={backAndTextColor}>行内样...
2018-08-21 09:39:00 18018 1
原创 create-react-app 引用本地图片无效问题
问题:<img src="../images/photo.png" />无效解决方法:import imgURL from '../../images/photo.png';......<img src={ imgURL }/>
2018-08-15 17:23:32 2187 2
原创 react 函数传参
react传参记录:事件 this.handleClick.bind(this,参数) 函数 handleClick(接收参数,e)
2018-08-15 16:09:12 972
原创 sublime Text 3 快捷键
Ctrl+D 选中光标所占的文本,继续操作则会选中下一个相同的文本。Alt+F3 选中文本按下快捷键,即可一次性选择全部的相同文本进行同时编辑。举个栗子:快速选中并更改所有相同的变量名、函数名等。Ctrl+L 选中整行,继续操作则继续选择下一行,效果和 Shift+↓ 效果一样。Ctrl+Shift+L 先选中多行,再按下快捷键,会在每行行尾插入光标,即可同时编辑这些行。Ctrl+Shif...
2018-08-14 11:07:09 104
原创 create-react-app 集成插件记录汇总
less npm install less-loader less --save-dev 具体配置:https://segmentfault.com/a/1190000010162614redux npm install redux --save npm install react-redux --save npm install redux-devtools-extens...
2018-08-09 15:14:45 417 1
转载 封装简单的axios库
转载自https://blog.csdn.net/qq_35844177/article/details/788094991.新建http.js文件,封装axios get post 方法import axios from 'axios'import qs from 'qs'import 'es6-promise'axios.defaults.baseURL = '/api';...
2018-08-07 11:13:00 210
原创 react生命周期
react生命周期constructor(props, context)构造函数,在创建组件的时候调用一次。void componentWillMount()在组件挂载之前调用一次。如果在这个函数里面调用setState,本次的render函数可以看到更新后的state,并且只渲染一次。void componentDidMount()在组件挂载之后调用一次。这个时候,子主...
2018-08-07 10:46:50 196
原创 create-react-app 请求本地json文件
遇到的问题:无法访问到本地的json文件解决方法:必须将json文件放到public文件夹下即可访问,浏览器直接打开http://localhost:3000/mock/test.json即可完成项目目录结构如下...
2018-08-06 14:33:44 3795
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人