如何在Reactjs中動態創建頁面

Question

實際上，我想設計一個應用程序，每個用戶都有不同的頁面。例如用戶A具有X和Y頁面，用戶B具有X和Z頁面。

當用戶A登錄的應用程序，用戶A可以看到X和Y在自己的儀表板和可以點擊並將這些頁面

當用戶B登錄應用程序，用戶B可以看到他的儀表板X和Z可以點擊和重定向這些頁面

我看了一些例子，但他們只解釋動態創建組件。是的，通過這些例子，我可以在他們的儀表板中顯示他們的X和Y，Y和Z.但是，我希望這些X，Y，Z應該是動態頁面。

我希望我可以告訴我的問題。提前致謝。

Answer 1

以動態方式更改頁面本身並不困難。例如，根React組件可以查看/匹配History API中的當前URL /條目，或者JWT或InitialState中的一些信息，並且根據它執行呈現合適的子組件，這是您的條款中的頁面。

當您希望頁面的源代碼對所有用戶都不可見時，難點始於此刻。或者有很多與他們捆綁在一起的頁面開始佔用太多的地方，同時在瀏覽器中加載時間。但在這種情況下也有一個決定 - 參見webpack chunkshttps://webpack.js.org/guides/code-splitting/