![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
coucouxie
这个作者很懒,什么都没留下…
展开
-
React中 withRouter的用法(将一个非路由组件变为一个路由组件)
withRouter的用法在状态组件中,我们习惯通过this.props.history.location.pathname的方式来拿到当前路由的名称,但是当一个组件不是路由组件的时候,this.props.history为undefined。因此不能拿到对应的数据。通过withRouter的方式将一个组件变为路由组件,也就是高阶组件import {withRouter} from 'react-router-dom'class Demo extends React.Component {re原创 2021-09-07 00:50:54 · 824 阅读 · 0 评论 -
如何在react中使用和配置eslint
1.安装eslintyarn add eslint --s -d2.初始化配置文件npx eslint --init一开始使用eslint --init 会报错,未找到指令xxxx,估计是初始化.eslintrc.js的方式变了npx eslint --init 之后会有一系列的选择,选择Airbnb选择Airbnb会自动安装react相关的插件,包含eslint-plugin-react-hooks。安装完成之后就会出现一个.eslintrc.js文件module.exports原创 2021-09-03 14:11:06 · 716 阅读 · 0 评论 -
记React中useState异步更新小坑
问题:在hooks中,修改状态的是通过useState返回的修改函数实现的.它的功能类似于class组件中的this.setState().而且,这两种方式都是异步的.可是this.setState()是有回调函数的,那useState()呢?问题点:它异步且没有回调函数const [count,setCount] = useState(1)useEffect(()=> { setCount(2,()=>{ console.log('测试hooks的回调');原创 2021-08-11 15:09:43 · 4526 阅读 · 2 评论 -
react中使用useState修改对象或者数组的值无法改变视图
在react中使用useState无法改变视图,数据改变但是视图未改变未渲染的代码如下:const [needLists,setNeedLists]=useState([])const pressDownEnter=(e)=>{ if(e.keyCode===13){ needLists.push({ content:e.target.value, status:0 }) setNeedLists(needLists)原创 2021-07-27 17:10:15 · 6563 阅读 · 0 评论