單擊按鈕進行渲染其他子組件的反應

Question

客艙

個人資料視圖

這些是我的社交網絡項目的模型。 我的問題是，當用戶登錄時，會顯示此視圖。 有兩個父組件：左窗格和右窗格。 左側窗格將在整個會話期間保持在那里。 但是我必須渲染右窗格內

• 聊天框（當某人單擊列表中的朋友時）。
• 待處理請求組件（單擊“查看待處理請求”按鈕時）
• 搜索朋友（單擊“結交朋友”按鈕時）
• 個人資料視圖（當有人單擊交互式I按鈕時

重點：

• 當任何組件更改時，我不想在地址欄中顯示更改。 因此不能使用瀏覽器路由器。

可能的解決方案，但有疑問

• 我可以通過在每次單擊按鈕時附加一些狀態變量來使用條件渲染，並在單擊該按鈕時確定應該渲染該特定組件的狀態。

• 我可以在React Router中使用Memory Router，以保持代碼干凈，並且不顯示地址欄中的更改。

幫助任何有良好經驗的人都可以做出反應，告訴我還有其他方法可以這樣做嗎？ 如果不是，那么這兩個之間是哪個更好的選擇呢？

請參考圖像以全面了解情況。

謝謝。

PS我只能發布兩個鏈接，還有待處理請求的其他兩個組件，並且可以在右窗格中以相同的方式加載交朋友。

Answer 1

我認為最好的方法是使用內存路由器Coz，這將使您的代碼保持整潔並易於重用。