如何在react js中獲取當前登錄用戶

Question

只是想知道如何使用節點js訪問react js文件中已登錄的已驗證用戶的數據。

在我的車把文件中，我可以看到如下信息： {{#if user}}

我想知道如何在react js文件中執行類似的操作，以便我可以將登錄用戶的名稱分配給js變量。 像var name = {{# user.name }};

如果我錯過了什么或說了一些密集的話，請提前感謝對不起。

Answer 1

首先，你需要使用一種方法進行身份驗證，JWT是一個很好的選擇。 然后在您的主組件（ app.js ）中向特定路由發送請求（如/auth/init ）以檢查用戶是否已記錄（表示已設置jwt）。

如果你使用express.js你可以使用中間件來解決這個問題。 如果用戶已登錄，則將用戶的憑據發送回客戶端（做出反應）並使用響應初始化user狀態。

要在組件之間共享用戶狀態，您可以使用不同的選項。 根據您的需求，您可以選擇redux ， contextAPI或新引入的API hooks 。 閱讀本文以獲得更多視角。