qq_51574759的博客

React是一款用于构建可重用组件化UI的流行JavaScript库。在使用React的过程中，设计模式是非常重要的，因为它们可以帮助我们编写出高效、可维护且可扩展的代码。本文将介绍React的设计模式，包括组件化设计模式、状态管理设计模式和性能优化设计模式。 目的是帮助想要学习React，或者对React有一些了解的同学，更清晰的认识这个伟大的框架。因为有时候，可能我们对一些技术点习以为常，但会用但是不会说。

React组件有很多属性，在其中有三个属性最为核心和重要： - state - props - refs state让你可以通过数据驱动视图，让视图自动根据数据的改变而改变。 props可以提高组件的灵活性，通过外界传值让组件根据用户特性而呈现不同的视图。 refs能够减少用户对DOM的直接操作，而可以通过获取代理节点而提高开发效率和页面性能。

React中创建组件有两种方法：函数式组件和类式组件。 本文阐述了如何通过函数和类创建一个简单的组件，并且其中有一些‘类’的知识点的复习

React 核心思想之一在于减少开发者对文档流对象DOM的直接操作，因为原生JS对DOM的直接操对性能影响很大，会使用户体验下降，所以可以使用JSX和React的一些API创建虚拟DOM，开发者操作虚拟DOM进行页面操作，只有等最终渲染的时候，才会将React的虚拟DOM翻译成浏览器可以看懂的真实DOM。原生style中写的都是一个一个键值对，那么可以这么理解为什么要用双括号了：最外面的括号代表里面的是一个JSX表达式，而里面的括号加上键值对，表示这是一个CSS样式对象。一个虚拟DOM不能有多个根标签！