react
zeroyulong
前端攻城狮,日常撸代码
展开
-
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 · 441 阅读 · 1 评论 -
项目nginx部署到非根目录下react配置(基于create-react-app的打包文件路径问题)
执行npm start 一切正常, 但是 npm run build 之后生成的打包文件只能在服务器根目录访问若需要访问在根目录下的子目录,只需修改package.json文件添加"homepage":".",即可 ...原创 2019-01-17 14:52:56 · 4968 阅读 · 0 评论 -
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 · 4861 阅读 · 0 评论 -
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 · 2596 阅读 · 0 评论 -
React的行内样式
使用React的行内样式设置样式(1)在JSX文件中定义样式变量,和定义普通的对象变量一样let backAndTextColor = { backgroundColor:'blue', color:'#ff671b', fontSize:40}; (2)JSX的调用<div style={backAndTextColor}>行内样...原创 2018-08-21 09:39:00 · 18212 阅读 · 2 评论 -
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 · 452 阅读 · 0 评论 -
create-react-app 引用本地图片无效问题
问题:<img src="../images/photo.png" />无效解决方法:import imgURL from '../../images/photo.png';......<img src={ imgURL }/>原创 2018-08-15 17:23:32 · 2216 阅读 · 2 评论 -
react 函数传参
react传参记录:事件 this.handleClick.bind(this,参数) 函数 handleClick(接收参数,e)原创 2018-08-15 16:09:12 · 1011 阅读 · 0 评论 -
封装简单的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 · 239 阅读 · 0 评论 -
react生命周期
react生命周期constructor(props, context)构造函数,在创建组件的时候调用一次。void componentWillMount()在组件挂载之前调用一次。如果在这个函数里面调用setState,本次的render函数可以看到更新后的state,并且只渲染一次。void componentDidMount()在组件挂载之后调用一次。这个时候,子主...原创 2018-08-07 10:46:50 · 220 阅读 · 0 评论 -
create-react-app 请求本地json文件
遇到的问题:无法访问到本地的json文件解决方法:必须将json文件放到public文件夹下即可访问,浏览器直接打开http://localhost:3000/mock/test.json即可完成项目目录结构如下...原创 2018-08-06 14:33:44 · 3864 阅读 · 0 评论