qq_56444564的博客

说明:用于包裹整个应用。示例代码:{/*整体结构（通常为App组件）*/}说明:作用与一样，但修改的是地址栏的hash值。备注:6.x版本中、的用法与5.x相同。3. 与v6版本中移出了先前的，引入了新的替代者:。

父子组件兄弟组件（非嵌套组件）祖孙组件（跨级组件）1.props：2.消息订阅-发布：pubs-sub、event等等3.集中式管理：redux、dva等等4.conText:生产者-消费者模式父子组件：props兄弟组件：消息订阅-发布、集中式管理祖孙组件(跨级组件)：消息订阅-发布、集中式管理、conText(开发用的少，封装插件用的多)

redux是什么?redux是一个专门用于做状态管理的JS库(不是react插件库)。它可以用在react, angular, vue等项目中, 但基本与react配合使用。作用: 集中式管理react应用中多个组件共享的状态。什么情况下需要使用redux?某个组件的状态，需要让其他组件可以随时拿到（共享）。一个组件需要改变另一个组件的状态（通信）。总体原则：能不用就不用, 如果不用比较吃力才考虑使用。

return (})

pathRewrite: {'^/api1': ''} //去除请求前缀，保证交给后台服务器的是正常请求地址(必须配置)target: 'http://localhost:5000', //配置转发目标地址(能返回数据的服务器地址)changeOrigin设置为true时，服务器收到的请求头中的host为：localhost:5000。proxy('/api1', { //api1是需要转发的请求(所有带有/api1前缀的请求都会转发给5000)优点：可以配置多个代理，可以灵活的控制请求是否走代理。

项目的整体技术架构为: react + webpack + es6 + eslint。提供了一个用于创建react项目的脚手架库: create-react-app。包含了所有需要的配置（语法检查、jsx编译、devServer…--- 页面性能分析文件(需要web-vitals库的支持)---- 组件单元测试的文件(需要jest-dom库的支持)脚手架: 用来帮助程序员快速创建一个基于xxx库的模板项目。使用脚手架开发的项目的特点: 模块化, 组件化, 工程化。下载好了所有相关的依赖。

在React中，state是一个非常重要的属性，主要用于标识组件的状态，以及更新UI，使页面动态变化。

【代码】[尚硅谷React笔记]——第1章 React简介。