React-5.开发工具（pubsub/json-server/代理/路由/Hooks/Redux）

React 笔记

代码：https://github.com/sharryling/practice-React

1. 同级组件的传值

-> pubsub-js库
eg: New.js emit Old.js

2. json-server 模拟数据

npm i json-server -g

启动： cd mock下，json-server xxx.json（文件名） --port 4000(端口号)

3. 解决代理

1. 正向代理 – 开发环境： 为了获取到目标服务器的内容，客户端向代理服务器发送一个请求，代表/帮助我们去目标服务器里面获取数据并且返回给我们 【前端开发的时候要做】
2. 反向代理 – 上线环境： 可以通过代理服务器接收网络上的请求连接，然后将请求转发给内部的网络服务器上，并把这个服务器上得到的请求的客户端。【后端人员负责配置服务器】
   -> node_modules/react-scripts/config/webpackDevServer.config.js下的【L112】proxy 进行修改

proxy: {
   
    "/api": {
   
        target: "http://www.weather.com.cn/data/cityinfo",