如何將Material-UI工具欄拆分為左右部分。例如,這是我的工具欄let EnhancedTableToolbar = props => { const { numSelected, classes ,deletefunc} = props; return ( <Toolbar className={classNames(classes.root, { [classes.highlight]: numSelected > 0, })} > <div className={classes.title}> {numSelected > 0 ? ( <Typography color="inherit" variant="subtitle1"> {numSelected} selected </Typography> ) : ( <Typography variant="h6" id="tableTitle"> User List </Typography> )} </div> <div className={classes.actions}> {numSelected > 0 ? ( <div > <div style={{ display: 'inline-block' }}> <Tooltip title="Delete"> <IconButton aria-label="Delete"> <DeleteIcon onClick={() => { if (window.confirm('Are you sure you wish to delete '+numSelected +' item?')) {deletefunc()} } }> </DeleteIcon> </IconButton> </Tooltip> </div> <div style={{ display: 'inline-block' }}> <Tooltip title="Edit"> <IconButton aria-label="Edit"> <EditIcon> </EditIcon> </IconButton> </Tooltip> </div> </div> ) : ( <Tooltip title="Filter list"> <IconButton aria-label="Filter list"> <FilterListIcon /> </IconButton> </Tooltip> )} </div> </Toolbar> );};我想在工具欄的左側顯示numSelected,并在工具欄的右側顯示“刪除”按鈕和“編輯”按鈕。但是,我的示例輸出在numSelected旁邊顯示了刪除按鈕和編輯按鈕。有人對此問題有任何解決方案嗎?
如何將Material-UI工具欄拆分為左右部分
開心每一天1111
2021-04-09 14:11:44