1.前言 最近学习使用 React 开发课程项目，作为刚接触React的新人，其中遇到一些解决方式很简答，但却也需要花时间去寻找答案的问题。本着为新人节约时间的目的，才有了这篇文章。注释，此样式文字说明其内容引用自官方文档内容。 2.合理定义组件 state 古语云，知其然知其所以然。在正式使用 React 前，理解其设计理念对于开发应用是十分有必要的，先来看看 React 的一些理念。 React 的众多优点之一是它让你在编写代码的时候同时也在思考你的应用。 React 官方文档的这句话，在应用拆分为
最近学习使用 React 开发课程项目，作为刚接触React的新人，其中遇到一些解决方式很简答，但却也需要花时间去寻找答案的问题。本着为新人节约时间的目的，才有了这篇文章。注释，此样式文字说明其内容引用自官方文档内容。
当你想在 constructor() 中访问 this.props 时，你应该把 props 传给 super() 方法。
React 是Facebook开发的UI库，这个库有助于创建交互式、基于状态、可重用的UI部件。React已经应用与Facebook，Instagram全部是用React写的。
当我刚开始学习JavaScript的时候，我就听说了React，但我承认看了它一眼，它吓到我了。我看到了看起来一堆HTML和CSS的混合思想，这不是我们一直努力避免的事情吗？React有什么了不起的？
相同点： 组件是 React 可复用的最小代码片段，它们会返回要在页面中渲染的 React 元素。也正因为组件是 React 的最小编码单位，所以无论是函数组件还是类组件，在使用方式和最终呈现效果上都是完全一致的。
点击上方蓝字关注网罗开发，更多技术干货等你 之前一直没有总结 Vue 相关的知识，看了挺多别人总结的，其实也能快速知道一些，但是遇到真正的面试，发现自己的知识都还是是碎片化的，觉得不行，得总结一下了。
在当前组件的 props中，包含 location属性对象，包含当前页面路由地址信息，在 match中存储当前路由的参数等数据信息。可以直接通过 this .props使用它们。
MVC 全名是 Model View Controller，是模型(model)－视图(view)－控制器(controller)的缩写，一种软件设计典范
自从React hooks发布以来已经有一段时间了，我很喜欢这个特性。这个hooks把我勾上了！
对于 javascript 中含有必要的大量计算的情况，如果是异步计算可以使用 WebWorker另外开一个进程来解决。 对于同步计算，WebWorker就力不从心了。
shouldComponentUpdate 是做什么的，（react 性能优化是哪个周期函数？）
我曾见过许多人盲目地使用像 React， Angular 或 Vue 这样的现代框架。这些框架提供了许多有趣的东西，但通常人们会忽略它们存在的根本原因。
在 React源码中，当具体到某一事件处理函数将要调用时，将调用 invokeGuardedCallback方法。
总结： 类组件可以维护自身的状态变量，即组件的 state ，类组件还有不同的生命周期方法，可以让开发者能够在组件的不同阶段（挂载、更新、卸载），对组件做更多的控制。类组件则既可以充当无状态组件，也可以充当有状态组件。当一个类组件不需要管理自身状态时，也可称为无状态组件。
这几天打算学习并实践ReactNative，学习记录中有不对的地方请大家指出来，互相交流。(-_-) 关于学习ReactNative需要准备的基础知识，①熟悉JavaScript，最新的ES6语法
当请求 /users/:id 被重定向去 '/users/profile/:id'：
useRef 还可以传入一个初始值，这个值会保存在 ref.current 中，上面代码中，如果不给 div 元素传递 ref={divRef}，则 divRef.current 的值将是我们传入的初始值。
Vue 3 推出 Composition API 的时候，看到一些表示这和 React Hooks 很像的评论。
React 组件也一样， 它的输入是 props，输出是关于 UI 的描述。我们可以在多个 UI 中重用单个组件，组件也可以包含其他组件。React 组件的本质上就是一个普通的 JavaScript 函数。
Svelte和React、Vue这些JavaScript框架类似，希望开发者更好的去构建交互式界面，但不同的是Svelte在构建/编译阶段将应用程序转换为理想的 JavaScript 应用，而不是在运行阶段 解释应用程序的代码。
React基于Virtual DOM实现了一个SyntheticEvent层（合成事件层），定义的事件处理器会接收到一个合成事件对象的实例，它符合W3C标准，且与原生的浏览器事件拥有同样的接口，支持冒泡机制，所有的事件都自动绑定在最外层上。
shouldcomponentUpdate pureCompoment setState
毕竟，如果类组件和OOP有关，那么OOP中的思想（继承、封装、多态...）也能指导类组件的业务开发（函数组件与FP的关系同理）。换言之，我们可以直接用这些编程范式的最佳实践指导React项目开发。
注意 ：在子组件直接用 v-model 绑定父组件传过来的 prop 这样是不规范的写法 开发环境会报警告
React是pull的方式侦测变化,当React知道发生变化后,会使用Virtual Dom Diff进行差异检测,但是很多组件实际上是肯定不会发生变化的,这个时候需要用shouldComponentUpdate进行手动操作来减少diff,从而提高程序整体的性能.
React-Router 支持使用 hash（对应 HashRouter）和 browser（对应 BrowserRouter） 两种路由规则， react-router-dom 提供了 BrowserRouter 和 HashRouter 两个组件来实现应用的 UI 和 URL 同步：
虽然文档不建议在应用中直接使用 mixin，但是如果不滥用的话也是很有帮助的，比如可以全局混入封装好的 ajax 或者一些工具函数等等。
当前国内小程序平台众多，微信小程序、支付宝小程序、头条小程序、以及未来还会出现的新小程序平台，所以为了解决一套代码可以在多个小程序平台上运行，出现了多种方案来解决，京东的 Taro、蚂蚁的 Remax、微信的 Kbone，各有特点，主要归为两种类型，编译时与运行时适配两种。
但是，如果仅仅想要在被观察的变量有变化的时候触发，而不是立即执行autorun，那么我们可以用到reaction了；
服务端渲染是数据与模版组成的html，即 HTML = 数据 ＋ 模版。将组件或页面通过服务器生成html字符串，再发送到浏览器，最后将静态标记"混合"为客户端上完全交互的应用程序。页面没使用服务渲染，当请求页面时，返回的body里为空，之后执行js将html结构注入到body里，结合css显示出来;
React是一个为数据提供渲染为HTML视图的开源JavaScript库。拥有虚拟DOM、组件化设计模式、声明式代码、单向数据流、使用JSX描述UI信息等特点。
原文：https://overreacted.io/react-as-a-ui-runtime/
主要是为了存档，碰到表单传对象数组的情况，一般都是一个表单只能传一个对象，后面经过跟前端的研究和讨论发现居然可以传对象数组，以此作为记录分享。
函数式组件(Functional component)根本没有实例instance。类组件(Class component)有实例instance，但是永远也不需要直接创建一个组件的实例，因为React帮我们做了这些。
只需要在组件即将被销毁的生命周期 componentWillUnmount （react）中在 LocalStorage / SessionStorage 中把当前组件的 state 通过 JSON.stringify() 储存下来就可以了。在这里面需要注意的是组件更新状态的时机。
每个React组件强制要求必须有一个 render()。它返回一个 React 元素，是原生 DOM 组件的表示。如果需要渲染多个 HTML 元素，则必须将它们组合在一个封闭标记内，例如 <form>、<group>、 等。此函数必须保持纯净，即必须每次调用时都返回相同的结果。02
如果您尝试直接改变组件的状态，React 将无法得知它需要重新渲染组件。通过使用setState()方法，React 可以更新组件的UI。
开发任何应用程序最具挑战性的方面通常是管理其状态。然而，我们经常需要在应用程序中管理多个状态片段，例如当从外部服务器检索数据或在应用程序中更新数据时。
keep-alive是 Vue 提供的一个内置组件，用来对组件进行缓存——在组件切换过程中将状态保留在内存中，防止重复渲染DOM。
2. 尽量不要在 componentWillReviceProps 里使用 setState，如果一定要使用，那么需要判断结束条件，不然会出现无限重渲染，导致页面崩溃
通俗点理解就是，vuex 弱化 dispatch，通过commit进行 store状态的一次更变；取消了action概念，不必传入特定的 action形式进行指定变更；弱化reducer，基于commit参数直接对数据进行转变，使得框架更加简易;
当然，这些面试题的答案都不是标准答案，只是对答案做了一个简介明了的说明，希望可以快速帮助你梳理重点核心内容。
在现代的前端开发中，数据管理是一个至关重要的问题。随着应用程序的复杂性不断增加，我们需要一种有效的方式来管理数据的流动和更新。Redux作为一个流行的状态管理库，提供了一种简洁而强大的数据更新机制，成为了许多开发者的首选。
在shouldComponentUpdate 这个方法中，这个方法主要用来判断是否需要调用render方法重绘DOM
Checkbox 作为表单中最常见的一类元素，使用方式分为单值和多值，其中单值的绑定很简单，就是 true 和 false，但是多值（Checkbox Group）的绑定就有一点复杂了。在实际工作中发现很多组件库关于 checkbox-group 的双向绑定一直很别扭，或者说多多少少都有一些瑕疵。
增加dangerouslySetInnerHTML属性，并且传入对象的属性名叫_html
组件之间复用状态逻辑很难，在hooks之前，实现组件复用，一般采用高阶组件和 Render Props，它们本质是将复用逻辑提升到父组件中，很容易产生很多包装组件，带来嵌套地域。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
