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