為什么我的上下文 API 沒有導出？ (First_name) 未導出

Question

考慮：

function App() {
  const First_name = `createContext`({});
  return (
    <>
      <First_name.Provider value="`Rishikesh`">
        <Compa />
      </First_name.Provider>
    </>
  );
}

export default App;
export {First_name};

Answer 1

您在應用程序內部創建上下文，並且無法導出它，因為它位於花括號內。 並且const和let是塊作用域。 不能在塊范圍 ({}) 之外訪問它們。

也不要使用像First_name這樣的類名。 這不是一個好習慣。 盡管如此，您仍然可以訪問該上下文的值，但這根本不公平。 使用大寫駝峰式（Pascal 大小寫）的類名，例如FirstName 。

const FirstName = createContext({});

export default function App() {
  const [user, setUser] = useState(null);

  return (
      <>
        <FirstName.Provider value="Rishikesh"></FirstName.Provider>
      </>
    )
}

export default App;
export { FirstName };