假設我正在使用 React 構建一個帶有應用程式的即時訊息(我沒有完全這樣做,但這更容易解釋)。我有一個包含對話串列的側邊欄,當您單擊其中一個時,它會顯示在右側(與此類似)。我不想在用戶單擊之前安裝每個對話組件,但我不想卸載它,只是在他們單擊另一個對話時隱藏它。我怎樣才能干凈利落地做到這一點?任何用戶的聊天次數都不會超過 30 次。
uj5u.com熱心網友回復:
您可以將啟用的對話存盤在用于顯示的陣列中,當您禁用對話時,您只需hidden向其中添加一個道具,然后將其傳遞給對話并使其成為return null。這將使其不呈現任何內容,但不會卸載它,因為您尚未將其從處理對話顯示的陣列中洗掉。
例如:https : //codesandbox.io/s/wispy-forest-59bqj
uj5u.com熱心網友回復:
由于您尚未發布代碼,因此這有點難以回答。
但是,從理論上講,解決此問題的最佳方法是從側邊欄組件傳輸資料,并基于每個用戶將其加載到正確的組件上。您不必安裝每個“對話組件”。
轉載請註明出處,本文鏈接:https://www.uj5u.com/houduan/367818.html
標籤:反应
上一篇:沒有具有鍵“ddlcontent”的“IEnumerable<SelectListItem>”型別的ViewData項
