material-ui - 你如何改变 Material 中弹出框的宽度和高度？

Question

我正在尝试修改弹出框 Material ui 上的宽度和高度，但什么也没有？请帮忙谢谢

                                      open={open}
                                      anchorEl={anchorEl}
                                      className={{
                                            height: '300px',
                                            width: '250px'
                                      }}
                                      anchorOrigin={{
                                        vertical: 'top',
                                        horizontal:'left',
                                      }}
                                      transformOrigin={{
                                        vertical: 'top',
                                        horizontal: 'right',
                                      }}
                                      disableRestoreFocus
                                    >

Answer 1

使用 Popover 的 PaperProps 属性:

      <Popover
        id={id}
        open={open}
        anchorEl={anchorEl}
        onClose={handleClose}
        value={value}
        anchorOrigin={{
          vertical: 'top',
          horizontal: 'center',
        }}
        transformOrigin={{
          vertical: 'top',
          horizontal: 'center',
        }}
        PaperProps={{
          style: { width: '100%' },
        }}