有多种选项可用于显示用户所需的额外内容，例如用于创建新记录或编辑现有记录的表单。 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中文网其他相关文章！
