Method render

docs/examples/getPopupContainer.tsx:47–84

()

  };

  render() {
    const { open, destroy } = this.state;
    if (destroy) {
      return null;
    }

    return (
      <div>
        <button type="button" onClick={this.open}>
          open
        </button>
        &nbsp;
        <button type="button" onClick={this.destroy}>
          destroy
        </button>
        <Dialog visible={open} onClose={this.close}>
          <div style={{ marginTop: 20, position: 'relative' }}>
            <MySelect />
          </div>
        </Dialog>
        <div
          style={{
            transform: 'scale(1.5)',
            transformOrigin: '0 0',
            display: 'flex',
            columnGap: 16,
            flexWrap: 'wrap',
          }}
        >
          <h3 style={{ width: '100%' }}>Transform: 150%</h3>
          <MySelect />
          <MySelect dropdownMatchSelectWidth />
          <MySelect dropdownMatchSelectWidth={false} />
          <MySelect dropdownMatchSelectWidth={300} />
        </div>
      </div>
    );
  }
}

export default Test;