React

StrictMode 严格模式只在开发环境下生效，当执行打包命令也就是生产环境下时，StrictMode会被去除。 React.StrictMode本身就是一个组件，该组件包含的子组件就会在开发环境下

React的生命周期 React的生命周期分成三大阶段： 挂载：Mounting，该阶段已插入真实 DOM 更新：Updating，该阶段正在被重新渲染 卸载：Unmounting，该阶段已移出真实

样式设置 React 可以使用内联样式也可以外部引入css文件，样式设置有class和style两种方式 class类名设置 在标签中不能写class，必须写className 样式的代码写在css文

props 在react中，一切写在组件上的属性和子节点都被视为props。react中父子传值、插槽全都是基于props，不像vue有事件监听、emit以及专门的插槽slot。 在类组件的const

受控组件与非受控组件 对于页面上元素的属性值，React 提供了两种方式来管理这些元素的值。比如常见的表单元素，React 提供了两种方式来管理表单元素的输入。受控组件和非受控组件，这两种组件在处理输

react的本质 react没有像vue一样的v-for、v-if等指令，一切操作本质上都是通过js的运算生成不同的内容来进行渲染，从而得到不同的页面。 条件渲染的本质 react当渲染undefin

无用渲染 组件有自己的状态state, 当state的值由于用户的操作而发生改变时，即使state每次改变的都是相同的值，但调用setState方法组件就会重新渲染。在项目中，一个组件可能会被频繁地进

React State React 的核心思想是组件化的思想，项目由组件搭建而成，而组件中最重要的概念是State（状态），State是一个组件渲染时的数据依据，在Vue2.0中就是数据源，Vue3.

事件类型 使用React元素处理事件与处理DOM元素上的事件非常相似，但语法上有差异。 React事件使用小驼峰命名法，而不是全部小写命名。 React事件使用JSX传递一个函数作为事件处理程序，而不

React环境安装 React项目结构了解 1）node_modules：包含了react项目中会用到的一些依赖模块，使用npm install的时候下载到此处。 2）public：包含了我们项目中的

JSX介绍 JavaScript XML， React 使用 JSX 来替代常规的 JavaScript。JSX 是一个看起来很像 XML 的 JavaScript 语法扩展，在js文件中可以用变量来

React 组件 React.js 中一切皆组件，将组件引入文件中就可以当做标签使用，标签使用时可以是单标签也可以是双标签，驼峰命名使用标签可以使用连字符，不再需要注册组件。 我们在编写 React.