fps_ll的博客

其中BrowserRouter和HashRouter和5版本一样，这里就不再多说了由于新版本推荐使用函数式组件,所以要用到hooks函数 NavLink中实现选中高亮除了这样常规的写路由,新增了路由表Hook ：useRoutes 也可以讲routes抽离出来，便于管理多级路由可以使用Outlet来管理（相当于vue中router-view）三种传参方式： params： useParams search：useSearch

因为包裹到这里其他组件无法使用,所以可以在App组件外包裹BrowserRouter,例如之后其他组件只引入Link和Route即可;还有和Link组件一样的,NavLink和Link功能一样,但是NavLink能使选中的高亮配置activeClassNameSwitch的用法:就是跳转只有一个组件,其他组件不奏效Redirect重定向路由组件接收的this.props跟一般组件不一样都用this.props接收数据withRouter能让普通组件中this.

首先,要用react的话,需要在页面中引入三个基础的react包react.development.jsreact-dom.development.jsbabel.min.js这个基本的三个包,但是还要注意一点在写js代码时可能会非常繁琐,所以要引入最后一个包,目的是为了写JSX语法,但引入方式不再是简单的 type="text/javascript" 而是 type="text/babel" 目的是转化成JSX语法React的语法跟Vue有一点像但又很不一样,他是通过实例去挂载组件

React-redux和redux这俩个工具和vue中vuex很像，相当于一个组件通信的作用。这是最终react-redux和react的目录格式。sotre的入口文件。react-redux的使用(休要一个容器去装)