应该在componentDidMount函数中发起Ajax请求 原因 它在整个生命周期中只执行一次，避免了重复请求数据的情况 如果在挂载组件之前获取到了数据请求结果，并在该组件上调用setState，这将不起作用，在componentDidMount中发起网络请求将保证这个组件可以更新

render触发的条件 第一次挂载 state改变 props改变 避免不必要的render 利用shouldComponentUpdate钩子函数，通过它的返回值react会决定要不要render，返回false不会渲染

defaultProps 的作用： defaultProps 可以为 Class 组件添加默认 props 这一般用于 props 未赋值，但又不能为 null 的情况 添加 defaultProps 的两种方法 在类中声明静态属性 static defaultProps ，这种方法只有浏览器编译 ...

详细用法 全局安装 npm i create-react-app -g 创建应用（以下其一即可） npx create-react-app my-app yarn create create-react-app my-app npm i create-react-app my-app 将封 ...

React 中 Element 与 Component分别是什么 React Element 是 React 实现界面内容的最小单元 React Component 是由React Element 构成的小的代码片段 它们有什么区别 一个是元素，一个是组件 Element具体描述了你在屏幕上想看到 ...

这两个函数是什么 它们是React16引入的一个新概念 —— 错误边界 过去，组件内的 JavaScript 错误会导致 React 的内部状态被破坏，并且在下一次渲染时产生可能无法追踪的错误。这些错误基本上是由较早的其他代码（非 React 组件代码）错误引起的，但 React 并没有提供一种在组 ...

受控组件 React的state为唯一数据源，并且每个state突变都有一个相关的处理函数，这使得修改或验证用户输入变得简单。 123456789101112131415161718192021222324252627282930class NameForm extends React.Compo ...

在谈React Diff之前，先看看传统的diff算法 如果要计算上图两个树形结构的差异并进行转换，传统diff算法会递归每一个节点，以a节点为例，会进行如下比较 a->e，a->d，a->b，a->c，a->a 左侧树节点b，c，d，e比较过程与节点a相同，这时算 ...

Hook是什么 Hook是React16.8的新增特性，提供内置钩子函数（也可自定义），它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性 在以函数声名的组件中使用，不可以在class声名的组件中使用 如何使用Hook（以使用state为例） 引用 1imp ...

React生命周期的四个阶段 组件初始化阶段 ：也就是以下代码中类的构造方法 constructor() ，可以用来用来初始化state属性，Test类继承了react Component这个基类，也就继承这个react的基类，才能有render()、生命周期等方法可以使用，这也说明为什么函数组件不 ...