react
华山派developer
这个作者很懒,什么都没留下…
展开
-
http-proxy-middleware解决跨域(rca中使用)
1、安装http-proxy-middlewareyarn add http-proxy-middleware2.在src目录下创建setupProxy.jsconst { createProxyMiddleware } = require('http-proxy-middleware');const apiProxy = createProxyMiddleware('/api', { ...原创 2020-04-01 17:27:03 · 787 阅读 · 0 评论 -
Fetch网络请求
使用前先安装:yarn add whatwg-fetch es6-promise qsimport 'whatwg-fetch'import 'es6-promise'import QS from 'qs'//拼接obj//导出GET请求export function fetchget(url) { let result = fetch(url, { metho...原创 2020-04-01 17:25:04 · 596 阅读 · 0 评论 -
React之mock的使用
//1.安装mockjsyarn add mocker-api mockjs --dev//2.项目根目录下创建mock/index.jsconst Mock = require('mockjs');const delay = require('mocker-api/utils/delay')const request = { 'GET /api/user': { ...原创 2020-04-01 16:04:42 · 1094 阅读 · 0 评论 -
React之路由的使用及路由懒加载
//1、安装react-router-domyarn add react-router-dom//2、在使用路由的页面引入import {HashRouter,Link,Router,Switch, Route, Redirect} from 'react-router-dom'//HashRouter最外层必须由它包裹//Link用于点击跳转//Switch路由唯一匹配//Rou...原创 2020-03-31 19:08:34 · 1603 阅读 · 0 评论 -
React项目创建使用react-app-rewired customize-cra进行配置
//项目创建npx create-react-app projectname1 yarn add react-app-rewired customize-cra2 在项目根目录下创建一个config-overrides.js修改package.json: "scripts": { - "start": "react-scripts start", ...原创 2020-03-31 13:33:42 · 1343 阅读 · 0 评论 -
react-redux的使用
react-redux允许我们在react中使用reduxreact-redux提供了两个基本接口:1.Provider 作用:给子组件暴露store (实现原理借助context来完成的)2.Connect 作用:用来连接react组件和redux store,会返回一个已经与redux store连接后的组件(容器组件)//1.安装react-reduxyarn add reac...原创 2020-03-29 09:49:45 · 131 阅读 · 0 评论 -
Vue脚手架vue-li与React脚手架create-react-app的安装
Vue-li//1.全局安装vue/clignpm install -g @vue/[email protected]//2.使用脚手架创建项目vue create project_name//3.vue/cli项目目录结构React脚手架create-react-app//1.全局安装脚手架npm install -g create-react-app//2.建议全局安装yarn...原创 2020-03-26 19:43:29 · 316 阅读 · 0 评论 -
React之父子间通信
父传子import React from 'react'//父组件export default class Parent extends React.Component{ constructor(){ super() this.state={ message:"i am from parent" } ...原创 2020-03-24 22:00:00 · 162 阅读 · 0 评论 -
React之ref的使用
一、React.creactRef()在dom元素上使用createRefconstructor(){ super() //创建一个ref的引用 this.textInput = React.createRef(); }render(){ return{ //在DOM中使用ref <input ref={this.textInp...原创 2020-03-23 20:51:24 · 219 阅读 · 0 评论 -
React之受控组件与非受控组件
受控组件假设我们现在有一个表单,表单中有一个input标签,input的value值必须是我们设置在constructor构造函数的state中的值,然后,通过onChange触发事件来改变state中保存的value值,这样形成一个循环的回路影响。也可以说是React负责渲染表单的组件仍然控制用户后续输入时所发生的变化class Combox extends React.Component ...原创 2020-03-23 20:37:25 · 149 阅读 · 0 评论 -
react之事件绑定(this、传参)
一、事件绑定函数中this默认情况下,this指向undefinedimport React from 'react'export default class ThingBind extends React.Component{ constructor(){ super() } console(){ console.log(this)/...原创 2020-03-23 20:21:27 · 456 阅读 · 0 评论