小毛驴的博客

1.安装和初始化$ npm install customize-cra2.在src根目录新建config-overrides.js自定义webpack配置const { override, addWebpackAlias } = require('customize-cra’);const path = require('path')module.exports = override( addWebpackAlias({ '@': path.resolve(__di

npm地址：https://www.npmjs.com/package/react-router-config安装：npm install —S react-router-config react-router-domrouters文件import Layout from '../pages/layout/index'import Child from '../pages/child/index'import Err404 from '../pages/err404/index'const

子组件import {useState, useImperativeHandle,forwardRef} from 'react';// props子组件中需要接受reflet ChildComp = (props,ref) => { // 此处注意useImperativeHandle方法的的第一个参数是目标元素的ref引用 useImperativeHandle(ref, () => ({ // changeVal 就是暴露给父组件的方法

在使用useEffect时，当我们将函数的声明放在useEffect函数外面时，会报eslint警告React Hook useEffect has a missing dependency: 'clickshow'. Either include it or remove the dependency array react-hooks/exhaustive-deps解决方法:1.使用 // eslint-disable-line react-hooks/exhaustive-depsuseE

create-react-app文件夹中的manifest.json不能随意删除，否则会报错：Manifest: Line: 1, column: 1, Syntax error on Chrome browser不小心误删，可以看看是不是在public文件夹中没有manifest.json文件。我通过添加生成默认值manifest.json来解决它create-react-app报错：{ "short_name": "CloseWeUI", "name": "The front-end U

1. 行内样式<div style={{fontSize:'100px'}}></div>2.className在react中设置class时使用className，然后引入对用的css文件<div className="red”></div>3.classnamesNpm地址：https://www.npmjs.com/package/classnames方便我们在react中使用className，可以想vue一样进行动态的类型设置4.

React src里面引入图片的几种方式es6不支持在<img />标签内直接写图片的路径，即<img src="../images/photo.png”/>方法1.import imgURL from './../images/photo.png';<img src={imgURL } />方法2.requirerequire方法 这种方法需要注意的是，require里只能写字符串，不能写变量。<img src={require('./../imag

1. 安装：npm install lib-flexible postcss-pxtorem -S 2. 引入在项目入口文件index.js引入lib-flexibleimport 'lib-flexible';3. 修改webpack.config.js3.1 初始化配置run eject如果报错可以先提交代码或者显示先删除git3.2. 修改webpack.config.js先引入：const pxtorem = require('postcss-pxtorem')然后找

1.安装http-proxy-middleware$ npm install http-proxy-middleware2. 创建setupProxy.js在react项目的src目录下创建setupProxy.jsconst { createProxyMiddleware } = require('http-proxy-middleware');module.exports = function (app) { app.use( createProxyMiddleware('/a

1. 安装和初始化$ npm install -g create-react-app# 注意：工具会自动初始化一个脚手架并安装 React 项目的各种必要依赖$ npx create-react-app my-app$ cd my-app$ npm start打开 http://localhost:3000/ 访问你的应用。2. 安装 antd$ npm install --save antd3. 按需加载引入CSS形式，实际上是加载了全部的antd组件样式，再使用其中的部分组件