代码示例

PanelGroup 提供了setLayout API。可通过这个方法设置面板尺寸。点击Reset Layout可进行体验

Reset Layout
left
right
1const ref = useRef(null);
2
3  const handleReset = () => {
4    ref.current.setLayout([{ minSize: 10, defaultSize: 50 }, { minSize: 30, defaultSize: 50 }]);
5  }
6
7  return (
8    <div className='demo-wrap'>
9      <div onClick={handleReset}>Reset Layout</div>
10      <PanelGroup panelRef={ref}>
11        <Panel>
12          left
13        </Panel>
14        <PanelResizeHandle />
15        <Panel>
16          right
17        </Panel>
18      </PanelGroup>
19    </div>
20  )
ON THIS PAGE