![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
文章平均质量分 54
後來9527
这个作者很懒,什么都没留下…
展开
-
如何修改React项目的默认端口号
问题create-react-app默认端口号是3000,当有的别的项目占用该端口号时自己想使用别的端口号时解决方法早期是有config文件夹的,可以直接在里面找到start.js,去修改如果有config文件夹,且有start.js,直接修改接口没有的话,使用npm run eject,将配置释放出来再改那么除了第一种的把配置释放出来,我们还可以直接修改start.js里面的默认端口号目录: /node_modules/react-scripts/scripts/start.原创 2022-01-24 09:43:50 · 2875 阅读 · 0 评论 -
React生命周期
简单介绍挂载卸载过程1.1 constructor()1.2 componentWillMount()(即将废弃)1.3 componentDidMount()1.4 componentWillUnmount()更新过程2.1 componentWillReceiveProps (nextProps)(即将废弃)2.2 shouldComponentUpdate(nextProps,nextState)2.3 componentWillUpdate (nextProps,ne原创 2022-01-24 09:42:20 · 191 阅读 · 0 评论 -
React的Hooks
State HookState Hook让函数组件也可以有state状态,并进行状态的读写操作语法:const [xxx, setXxx] = React.useState(initValue)useState()说明参数:第一次初始化指定的值,并且会做缓存返回值:包含两个元素的数组,第一个为你内部当前状态值,第2个位更新这个状态的函数setXxx()的两种写法setXxx(newVal):参数为非函数子,直接指定新的状态值,内部用这个值覆盖原来的状态值setXxx(value =原创 2021-12-24 10:48:36 · 95 阅读 · 0 评论 -
redux了解
redux的三个核心概念action动作对象包含两个属性type:表示属性,值为字符串,必要属性(初始化的时候传@@init@@)data:数据属性,值类型随意,可选属性例子:{type: 'ADD_STUDENT', data:{name:'tom',age:18}}同步action就是前面说的三个条件,还有异步action,异步action就是一个函数了,不是对象了,但是通常来说,异步action里面会调用同步的action。需要下载额外的组件(redux-thunk),并且,使原创 2021-12-23 09:41:30 · 359 阅读 · 0 评论 -
react-router-dom
react-rourer-dom引入import React from 'react'import { BrowerRouter, HashRouter, Link, NavLink, Route, Switch, Redirect, withRouter} from 'react-router-dom'<BrowerRouter></BrowerRouter>地址中不带#号用于包裹Link原创 2021-12-23 09:38:04 · 275 阅读 · 0 评论 -
create-react-app跨域配置
跨域配置1.package.json配置// 新版本中只能写这种"proxy": "http://172.16.136.249:8080"// 新版本的react不支持这种写法"proxy": { "/api/**": { "target": "http://172.16.136.249:8080", "changeOrigin": true } }2.通过middleware中间件的方式设置proxy需要使用middleware,通常来说cre原创 2021-12-22 16:52:14 · 1124 阅读 · 0 评论 -
React了解
安装和使用npm i -g create-react-appcreate-react-app my-appcd my-appnpm start简单Demo<div id="example"></div><script type="text/babel"> ReactDOM.render( <h1>Hello, world!</h1>, document.getElementById('example') );原创 2021-12-22 16:48:10 · 70 阅读 · 0 评论