问Antd布局组件不能很好地与SSR配合使用

EN

class Layout extends React.Component {
  static propTypes = {
    children: PropTypes.node.isRequired
  };

  constructor(props) {
    super(props);
    this.state = {
      siderFold: false
    };
    this.switchSider = this.switchSider.bind(this);
  }

  switchSider() {
    this.setState({
      siderFold: !this.state.siderFold
    });
  }

  render() {
    return (
      <div>
        <AntDLayout>
          <AntDLayout.Sider
            className={s.sider}
            trigger={null}
            collapsible
            collapsed={this.state.siderFold}
          >
            <Sidebar siderFold={this.state.siderFold} />
          </AntDLayout.Sider>
          <AntDLayout className={s.layout}>
            <Header
              siderFold={this.state.siderFold}
              switchSider={this.switchSider}
            />
            <AntDLayout.Content>{this.props.children}</AntDLayout.Content>
          </AntDLayout>
        </AntDLayout>
      </div>
    );
  }
}

display: -webkit-box; 
display: -webkit-flex; 
display: -ms-flexbox;
display: flex;