weixin_62094186的博客

React - redux 搭建的小项目分析

Redux 一 . Redux 理解 1. Redux 是一个专门用于做状态管理的 JS 库（不是react插件库） ，跟react没啥联系，只不过在react项目中可以使用。 2. 作用 ：集中式管理react应用中多个组件，实现状态共享 3. 什么情况下要用 redux ？ ​ 1> 某个组件的状态，需要让其他组件可以随时拿到 ​ 2> 一个组件需要改变另一个组件的状态 ( 通信 ) ​ 3> 总体原则 ： 能不用就不用 ，但如果不用比较吃力的话就用 二

React —— 01 函数式组件录标题) 1》格式 ： （1）函数中return的就是 要创建的组件的内容，图中为最简单的组件定义 （2） 注意此处this输出的是 undefined 因为 babel 编译后开启了严格模式【禁止自己定义的函数中 this指向window】 （3）渲染组件到页面是固定写法 ReactDOM.render(<组件名字/>，要渲染到的容器) 2》执行了ReactDOM . render（…）语句后，发生了什么 ？ （1）React 结息组件标签，找到了 Demo

一 . 搭建一个React项目开发环境 执行下列命令创建项目： create-react-app … ==>省略部分为项目名 会自带很多文件及文件夹 ， 如 ：node-modules、public、src… 二 . src 文件夹【要写的东西大多都在这个文件夹里面】 App.jsx 文件 （本质上是创建外壳组件“App”） 在vsCode里面可以用快捷键“rcc”快速搞出来基本结构 如果组件是静态的，即不需要跳转，就直接在组件中写要装的组件 如果要实现组件之间的跳转，就在里面注册路由