m0_53266704的博客

React快速暴力入门React 作为如今三大框架之一，在进行了短期的学习后，整理了一些笔记，做一下分享：，如果有错误，欢迎指出。1. 什么是React：React 是一款由 Facebook开发的用于构造用户界面的Javascript库。React 与Vue相比，vue的语法简单易上手，适用于小而精的项目，但是 React在组件上的复用性与设计性上会胜于vue一筹，适用于大型的项目。React 将页面以一个个组件的方式进行拆分与组装，重复使用提高效率（可见下图）React 对数据的处理与管理比

React快速暴力入门(二)1.组件的三大属性组件的实质就是个对象，而对象自然有属性，在组件里最常用的三个属性分别是 state、props和 refs(上期呢我们已经讲过state了 有需要的可以去上一个博客看哦)1. props与 state不同，state是组件自身的状态（数据），而 props则是外部传入给自己的状态（数据）props在组件内修改，必须由谁传入的即由谁修改类式组件中使用class Person extends React.component{ construc

React快速暴力入门(三)一.组件列表渲染、条件渲染与DOM的Diffing算法1. 组件列表渲染在有时候我们需要批量的去创建一些DOM元素或组件，比如页面上的：新闻列表、推文列表、好友列表等等，你会发现在开发的过程中经常会使用到列表，但是自己一个个的去写DOM回十分繁琐。我们可以通过数组存储数据，也可以使用数组来循环渲染数据。举个例子：class Demo extends React.Component{ state = { arr: [a, b, c], }

React快速暴力入门（四）一.了解与使用 react-redux前面也说了，react-redux 其实就是 redux的升级版，对许多地方进行了优化，但在学习他之前，需要我们进行一些对 redux的优化知识。1. 使用容器组件和UI组件其目的就是为了把组件身上太多的活进行拆分，分为UI组件（内组件）和容器组件（外组件），两个组件之间使用 props进行通信，对 store那边的请求状态，更改状态的活交给容器组件来干，而通过状态来编写页面，更新渲染等活，就交给 UI组件来干。了解了这个后，就可