react笔记
- react中key的作用：当状态中的数据发生变化时，react会根据新数据生成新的虚拟DOM，随后react进行新的虚拟DM与旧的虚拟DOM的diff比较，比较规则如下：
- 旧虚拟DOM中找到与新虚拟DOM相同的key
- 若虚拟DOM中内容没变，直接使用之前的真实DOM
- 若虚拟DOM中内容变了，则生成新的真实DOM，替换掉之前的虚拟DOM
- 旧虚拟DOM中未找到与新虚拟DOM中相同的key
- 根据数据创建新的真实DOM，随后渲染到页面
- 用index作为key可能会引发的问题：
- 若对数据进行：逆序添加、逆序删除等破坏顺序的操作，会产生没有必要的真实DOM更新==>页面效果没问题，但是效率低下
- 如果结构中还包含输入类DOM，会产生错误DOM更新==>页面有问题
- 注意！！如果不存在对数据的逆序添加、逆序删除等破坏顺序的操作，仅仅是渲染列表用于展示，使用index作为key是没有问题的
- 代理的配置
- 跨域问题产生的原因：浏览器向服务器发送消息成功，但是由于服务器的协议、IP地址、端口号等有一个或多个与浏览器请求地址不同，导致服务器返回的数据被浏览器拦截，请求无法接收到数据
- 处理原理：配置一个代理服务器作为中间的过渡，其协议、IP地址、端口号都与请求的三项内容一致，这样由服务器产生数据发送给代理服务器，代理服务器再将内容转发给请求的接口。！！！注意：如果请求的地址为与当前项目public文件夹下同名的文件，则不会去请求服务器，返回的数据是public下的文件
- 详细配置
- 请求的地址为代理服务器地址，
- proxy中的配置为服务器地址
