Javascript 如何在Ant design中确定折叠体的默认高度

我创建了右侧可折叠面板。我需要在折叠后更改面板高度（最大100px）

我的css是这样的

background: '#f7f7f7', borderRadius: 5, width: 200, marginBottom: 0, border: 50, overflow: 'hidden',

 render() {
    return (
      <div className="common-coll-bar">
        <Collapse bordered defaultActiveKey={['1']} onChange={callback}>
          <Panel header="This is panel header 1" key="1" style={customPanelStyle}>
            <p>{text}</p>
          </Panel>

        </Collapse>
      </div>
    );
 }

还有像这样的代码

background: '#f7f7f7', borderRadius: 5, width: 200, marginBottom: 0, border: 50, overflow: 'hidden',

 render() {
    return (
      <div className="common-coll-bar">
        <Collapse bordered defaultActiveKey={['1']} onChange={callback}>
          <Panel header="This is panel header 1" key="1" style={customPanelStyle}>
            <p>{text}</p>
          </Panel>

        </Collapse>
      </div>
    );
 }

render（）{
返回(
{text}

);
}

你能帮我吗