浅谈connect,withRouter,history,useState,useEffect
Posted iwen1992
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了浅谈connect,withRouter,history,useState,useEffect相关的知识，希望对你有一定的参考价值。
1、connect in umi connect 可以链接不同的组件，从而在这个组件中使用其他组件的参数，常用于获取redux中存取的值。 2、withRouter in umi withRouter 通过withRouter可以轻松拿到当前页面的location，而location中的pathname和query属性常常跟查询有关，一般这个东西用在需要查询的组件中例如列表 3、history in umi history 常用语路由跳转history.push(path),也可和redux结合用作查询，history.replace(path) 4、useState in react useState 用于函数组件 Hooks 等价于等价于class组件 state,setState 5、useEffect in react useEffect Hooks 我的理解是相当于conponentWillMount,此函数附带参数，当写了参数之后，每次参数变化将会执行一次，他的执行应该是在页面加载之前，通常与useState使用，读取redux传过来的值，监听该值的变化，通过setState实时渲染页面数据
以上是关于浅谈connect,withRouter,history,useState,useEffect的主要内容，如果未能解决你的问题，请参考以下文章
使用 connect 和 withRouter 包装组件的顺序是不是重要
为啥 withRouter 与 connect() 一起使用会破坏我的反应应用程序？
如何将 TypeScript 与 withRouter、connect、React.Component 和自定义属性一起使用？
输入一个同时使用 withRouter 和 connect 的 HOC 组件
[Redux] Using withRouter() to Inject the Params into Connected Components