Jira에서 영감을 받아 React에서 접을 수 있는 사이드 콘텐츠를 구축하는 방법

새 레코드 생성이나 기존 레코드 편집을 위한 양식 등 사용자에게 필요한 추가 콘텐츠를 표시하는 방법에는 여러 가지 옵션이 있습니다. UI/UX 모범 사례는 사용자에게 꼭 필요한 경우가 아니면 불필요한 옵션으로 화면을 어지럽히지 않는 것입니다.
따라서 모달, 서랍 등과 같이 사용자에게 표시할 수 있는 다양한 유형의 대화 상자가 있습니다. 
모달의 한 가지 단점은 콘텐츠를 숨긴다는 것입니다. 사용자가 새 레코드를 만들고 싶을 때 유용하지만 기존 레코드를 편집할 때는 그렇지 않습니다.
Jira를 사용해 본 적이 있다면 아마도 백로그 섹션에서 고유한 접을 수 있는 콘텐츠 패널을 발견했을 것입니다. 그들은 어떻게 했나요? 
제가 말하는 내용은 다음과 같습니다. 

React의 Ant Design에서 Layout 및 Sider 구성 요소를 사용하여 동일한 동작을 달성했습니다. 샌드박스는 다음과 같습니다.

https://codesandbox.io/p/sandbox/반응성-지속적-모달-97s3fd

React & Ant Design이 아닌 다른 것을 사용하는 경우. 문제는 다음과 같습니다. 접기 너비가 0인 오른쪽 사이드바일 뿐입니다.

BR

아메드.

위 내용은 Jira에서 영감을 받아 React에서 접을 수 있는 사이드 콘텐츠를 구축하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!