无涯

key 的主要作用用来减少没必要的 diff 算法对比,一个元素的 key 不需要在全局唯一,但在列表中需要保持唯一. 唯一性要求： key 属性的值在同一列表中必须是唯一的。这样 React 才能准确地追踪每个列表项的变化。如果列表中的两个元素具有相同的 key ，React 将无法区分它们，可能会导致意外的行为或错误。 稳定性： key 应该是稳定的，即在组件的生命周期内保持不变。在列表中

解决react之前渲染卡顿问题,运算占用进程问题

传参的形式

基础

请求header内容不能含有未处理过的中文或中文字符

HTTP 请求可以包含中文参数，但由于 HTTP 协议的设计和传输的标准，中文等非 ASCII 字符需要经过编码处理才能正确传输和解析。这是因为 HTTP 请求中 URL 使用的字符集是 ASCII，直接传递中文字符可能导致服务器无法正确解析，甚至可能引发错误。 HTTP 请求可以包含中文参数，但由于 HTTP 协议的设计和传输的标准，中文等非 ASCII 字符需要经过编码处理才能正确传输和解析。

原因是大量的同步计算任务阻塞了浏览器的 ui 渲染，默认情况下，js 运算，页面布局和页面绘制都是运行在浏览器的主进程中，他们是互斥的关系。如果 js 运算长时间占用主线程，页面就无法得到及时的更新。当我们调用setState更新页面的时候，react 回遍历应用的所有节点，计算出差异，然后更新 UI。整个过程是一气呵成，不能被打断。如果页面元素过多，就容易出现掉帧的现象。 解决解决主线程一直被

挂载和销毁阶段constructor()constructor()中完成了 react 数据的初始化,它接受两个参数:props 和 content componentWillMount()在渲染前调用,在客户端也在服务端。它代表的过程是组件已经经历了 constructor()初始化数据后，但是还未渲染 DOM 时。 componentDidMount()组件第一次渲染完成,此时 dom 节点

在 React 中，组件之间传递参数有几种常见的方式： Props 传递： 这是 React 中最常见的方式。你可以通过在组件的声明中传递 props 属性来传递参数。父组件可以向子组件传递数据，子组件通过 props 对象接收这些数据。例如： // ParentComponent.js import ChildComponent from "./ChildComponent"; functio