
react
凌晨两点半`
人生苦短,及时行乐
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
解决bug node_modules/[email protected]@jest-diff/build/diffLines.d.ts(8,13): ‘=‘ expected. TS1005
问题重现: 解决方案: 将package.json中的 typescript版本升级到 >= 3.8.0 就可以解决 cnpm i [email protected] 参考连接 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 · 920 阅读 · 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 · 395 阅读 · 0 评论 -
react上线后,请求数据报、404/502
需要下载一个http-proxy-middleware插件 解决跨域问题 原因:没有上线之前所设置的那个代理失效 //app.js var express = require("express"); var app = express(); var proxyMiddleWare = require('http-proxy-middleware'); var path = require('...原创 2019-07-02 18:17:29 · 1604 阅读 · 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 · 700 阅读 · 0 评论 -
react的使用方法
creatReactApp 1、全局安装 npm install -g create-reate-react-app 2、创建react应用 create-react-app react-demo 3、进入项目目录 cd react-demo 4、下载项目依赖 npm install 5、启动项目 npm start 6、 显示项目配置 npm run eject 创建完项目...原创 2019-03-13 11:17:52 · 393 阅读 · 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 · 280 阅读 · 0 评论 -
react
第一次接触react项目原创 2019-03-12 21:00:59 · 185 阅读 · 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 · 281 阅读 · 0 评论 -
高阶组件
高阶组件 高阶组件是什么 他能给我们带来什么 他的优点是什么原创 2019-03-20 21:24:44 · 202 阅读 · 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 · 149 阅读 · 0 评论 -
react生命周期详解
class Wrap extends React.Component{ render(){ return <div className="wrap" style={{background:'skyblue'}}> wrap ...原创 2019-03-14 16:28:21 · 150 阅读 · 0 评论