![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
凌晨两点半`
人生苦短,及时行乐
展开
-
解决bug node_modules/_jest-diff@26.6.2@jest-diff/build/diffLines.d.ts(8,13): ‘=‘ expected. TS1005
问题重现:解决方案:将package.json中的 typescript版本升级到 >= 3.8.0 就可以解决cnpm i typescript@3.9.7参考连接https://stackoverflow.com/questions/61783437/react-typescript-error-on-build-in-node-modules-jest-diff-build-difflines-d-ts...原创 2020-12-09 12:05:46 · 810 阅读 · 0 评论 -
react中的守卫
react的守卫和vue的不同 vue是自己分装过得,可以直接使用 react需要自己分装出来一个 /* 高阶组件 */ 来实现守卫的 eg: import React, { Component } from 'react';import { Redirect } from 'dva/router';// import { getCookie } from '../until/c...原创 2019-07-02 18:23:30 · 333 阅读 · 0 评论 -
react上线后,请求数据报、404/502
需要下载一个http-proxy-middleware插件解决跨域问题原因:没有上线之前所设置的那个代理失效//app.jsvar express = require("express");var app = express();var proxyMiddleWare = require('http-proxy-middleware');var path = require('...原创 2019-07-02 18:17:29 · 1487 阅读 · 0 评论 -
跨组件传参 react
const Context = React.createContext(); // console.log(Context.Provider);// 提供者 // console.log(Context.Consumer);//使用者 class Son extends React.Component{ render(){ ...原创 2019-03-18 16:11:34 · 628 阅读 · 0 评论 -
react的使用方法
creatReactApp1、全局安装npm install -g create-reate-react-app2、创建react应用 create-react-app react-demo3、进入项目目录 cd react-demo4、下载项目依赖 npm install5、启动项目 npm start6、 显示项目配置 npm run eject创建完项目...原创 2019-03-13 11:17:52 · 315 阅读 · 0 评论 -
react中子向父传参
父组件render(){ <Tablebox callback={this.changeIndex.bind(this)}/>}changeIndex(index){ console.log(index)}子组件 Tablebox render(){ let {callback}=this.props; ret...原创 2019-03-18 11:26:47 · 239 阅读 · 0 评论 -
react
第一次接触react项目原创 2019-03-12 21:00:59 · 118 阅读 · 0 评论 -
react 路由基础配置解释 模板 精简
路由的基本用法 // 下载第三方包 react-router-dom import {BrowserRouter,Route,Redirect,Link,NavLink} from 'react-router-dom'; //在组件当中 class Index extends Component{ render(){ retu...原创 2019-03-21 11:49:34 · 218 阅读 · 0 评论 -
高阶组件
高阶组件高阶组件是什么他能给我们带来什么他的优点是什么原创 2019-03-20 21:24:44 · 155 阅读 · 0 评论 -
高阶组件 基础模板 react
function Dialog(Component){ return class extends React.Component{ render(){ return <Component /> } } } class DialogComponent extends React.Component{ render(){ ...原创 2019-03-19 16:37:42 · 109 阅读 · 0 评论 -
react生命周期详解
class Wrap extends React.Component{ render(){ return <div className="wrap" style={{background:'skyblue'}}> wrap ...原创 2019-03-14 16:28:21 · 96 阅读 · 0 评论