13、续

（8）异步状态操作

1）在子仓库中

①创建仓库

②解构需要的方法

③安装axios

④封装并导出请求

⑤在reducer中为newsList赋值

⑥获取并导出reducer函数

2）在入口文件index.js中，注入

3）在App.js中，使用

①通过useEffect触发请求

②解构出异步的列表

③使用（通过map渲染）

④效果

（9）调试工具Redux DevTools安装（仅针对火狐）

1）点击浏览器右上角“三”，找到“扩展和主题”

2）在扩展中搜索Redux

3）找到“Redux DevTools”，点击添加

4）右键检查，找到“Redux”

14、ReactRouter

（1）前端路由

1）概念：一个路径path对应一个组件component（当我们在浏览器中访问一个path的时候，path对应的组件会在页面中进行渲染）

2）环境

①创建项目，安装依赖

②安装最新的ReactRouter依赖包

③启动项目（通过npm start启动）

3）简单使用（以创建两个页面，通过切换路径，实现到不同页面的效果）

①导入一个方法、一个组件

②创建实例，配置关系

③使用组件，绑定实例

④在浏览器输入路径，查看效果