有多種選項可用於顯示使用者所需的額外內容，例如用於建立新記錄或編輯現有記錄的表單。 UI/UX 最佳實踐是不要讓螢幕上出現不必要的選項，除非使用者確實需要它們。
因此，您可以向使用者顯示不同類型的對話框，例如模式、抽屜等。
模式的一個缺點是它們隱藏內容。它們非常適合使用者想要建立新記錄，但不適合編輯現有記錄。
如果您曾經使用過 Jira，您可能會注意到積壓工作部分中獨特的可折疊內容面板。他們是怎麼做到的？
這就是我要說的：
我在 React 中使用 Ant Design 的 Layout 和 Sider 元件實現了相同的行為；這是沙箱：
https://codesandbox.io/p/sandbox/responsive-persistent-modal-97s3fd
如果您使用的是 React 和 Ant Design 以外的東西。問題是：它只是右側的一個側邊欄，折疊寬度為 0。
BR
艾哈邁德。
以上是受 Jira 啟發，如何在 React 中建立可折疊的側面內容的詳細內容。更多資訊請關注PHP中文網其他相關文章！
