React Context defaultValue 有什么用

直接上代码：

import React, { useContext } from "react";

const defaultValue="동경"
const MyContext = React.createContext(defaultValue);

function Child() {
  const context = useContext(MyContext);
  return <h2>defaultValue 被覆盖: {context}</h2>;
}

function Child2() {
  const context = useContext(MyContext);
  return <h2>defaultValue: {context}</h2>;
}

function App(){
  return (
    <>
      <MyContext.Provider value={ "Tokyo" }>
        <Child /> {/* defaultValue 被覆盖: Tokyo*/}
      </MyContext.Provider>
      <Child2/>{/* defaultValue: 동경*/}
    </>
  )
}

export default App;

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

相关链接：
1.链接1
2.链接2