本文由我和ChatGTP联合共创，参考资料在文末，如有勘误请指出，如有侵权请联系我删除，谢谢！

什么是 React Context？

Context 是 React 提供的一种跨层级组件通信的机制，它允许你在组件树中共享数据，而不必手动通过 props 一层层传递。

这个问题再hooks刚出现时就有了，最近翻阅官方文档时，发现新版的React官方文档给出了详细的答案，并给出了伪代码实现，这里也做一个复习总结。

胡乱邹的简介

初生世间不自知，

自以为，万木林中参天树。

而立之年，方知，林中之荫一颗草。

又如何？

座右铭收藏

座右铭，心里暗示也好，鸡汤也罢，总归是要警示，驱动自己，起码不至于沉沦，每天给自己一点心里暗示，总比浑浑噩噩的过下去要好的多。

我的

海纳百川

好文收藏

在读书中，常常会遇到自己觉得好的句子，便记录下来，也算是有点用处

---

我们所习以为常的，也许并不是对的

从来如此，便对吗？ --出处未知

将React项目CRA从3.x升级到5.0

前置知识cra各版本日志：https://github.com/facebook/create-react-app/releases

webpack5升级注意事项： https://webpack.docschina.org/migrate/5/#preparations

文章为去年所写，最近翻到笔记，为了熟悉一下，也为了方便看，将其放在博客中

Context

什么是Context

想象一下，我们有一个 React 应用，其中包含一个父组件，其中包含许多级别的子组件，以及子组件的子组件。 现在，我们要将数据从最上面的组件一直传递到最后一个子组件。在 React 中，数据通常通过props从一个组件自上而下传递到另一个组件。此时我们通过每个组件，通过它们的 props 传递该数据，直到到达最后一个子组件。如果这样的嵌套树形结构有5层或10层，那么将是灾难式的开发维护体验，并且容易出错。如果能不经过中间的节点直接到达需要的地方就可以避免这种问题，这时 Context api 就是来解决这个问题的。 Context API 允许我们轻松访问组件树中不同层级的数据，而不必通过 props 向下传递数据。

背景

最近在做接口转发服务相关的东西，其大致架构如下图所示，本地的项目使用的是devServer启动，然后代理到了一个中间接口服务（暂且称为API Server），此接口服务监又监听和代理了Mock Server和真实的此时服务器Server。

前言

在前端中处理文件时会经常遇到File、Blob、ArrayBuffer以及相关的处理方法或方式如FileReader、FormData等等这些名词，对于这些常见而又不常见的名词，我相信大多数人对它们都有一种熟悉的陌生人的感觉。究其原因，相关的东西接触的不够多，且每次都网上随手拈来，不求甚解。今天，我们就稍微仔细一点，去做一个探究，弄清他们是谁，能做什么，又有什么区别，