調整大小記憶體
將用戶調整的增長映射存儲到存儲中,並在下一次渲染時恢復。
rememberResize
rememberResize是 FlexLayoutContainer 級別選項。增長值在整個佈局容器之間分配,因此 商店使用佈局名稱作為鍵。
tsx
<FlexLayout
layoutName="workspace"
direction="row"
rememberResize={{
storage: "localStorage",
keyName: "workspace-grow-map",
}}
>
<FlexLayoutContainer containerName="workspace-left" isResizePanel>
<div>Left</div>
</FlexLayoutContainer>
<FlexLayoutContainer containerName="workspace-main">
<div>Main</div>
</FlexLayoutContainer>
</FlexLayout>基本鍵
何時儲存
在容器內部,當實際用戶調整大小時,觀察style.flex的變化,並儲存當前佈局的containerName對應的grow map。儲存的值在mount後 準備好當解析完成後,將再次應用到每個容器。