React中向createContext传入null作为参数的含义是什么？

• 你写的const ctx = createContext(null)里，null就是这个Context的默认值，它的作用很明确：当某个组件尝试消费这个Context，但在它的组件树上找不到对应的<ctx.Provider>时，就会用这个null作为Context的值。

• 举两个场景帮你理解：

  • 正常业务场景：你会用<ctx.Provider value={你要传递的实际数据}>把需要用这个Context的组件包起来，这时候所有被包裹的组件拿到的都是Provider里的value，和你一开始传的null完全没关系。
  • 测试/异常场景：如果你单独测试某个消费Context的组件，不想额外套一层Provider，或者不小心漏加了Provider，这时候组件就会拿到这个null。

• 官方那段话的直白翻译：

  传给createContext的默认值，只有在组件树里找不到匹配的Provider时才会生效。这个默认值的好处是方便孤立测试组件——不用把组件裹在Provider里就能跑测试。另外要注意：如果给Provider传的是undefined，消费组件不会用默认值，而是直接用undefined。

• 至于为什么很多人都传null？因为大部分实际业务中，我们都会确保组件被Provider包裹，默认值几乎用不上，所以传null只是占个位置；而且万一哪天漏加了Provider，组件拿到null后出现的异常，能帮你快速定位到“没加Provider”这个问题。

内容的提问来源于stack exchange，提问作者Gass