如何使用 Material UI 组件创建项目符号列表？

Question

如何使用 MUI 组件创建项目符号列表？我尝试添加sx={{listStyleType:'disc'}}到列表组件，但没有成功。这是我的代码：

    <List sx={{ listStyleType: 'disc' }}>
      <ListSubheader sx={{
        fontWeight: 700, lineHeight: '24px', fontSize: '16px', color: 'black'
      }}
      >
        Search Help
      </ListSubheader>
      <ListItem>Double check your spelling</ListItem>
      <ListItem>Your search may have been removed or is not yet in the system</ListItem>
    </List>

Answer 1

我明白了，需要

<List sx={{ listStyleType: 'disc' }}>
  <ListItem sx={{ display: 'list-item' }}>
</List>

Answer 2

这对我有用：

<List
sx = {{
 listStyleType: 'disc',
 pl: 2,
 '& .MuiListItem-root': {
  display: 'list-item',
 },
}}>
 <ListItem>
 ...
 </ListItem>
</List>

或者

<List
sx = {{
 listStyleType: 'disc',
 pl: 2,
}}
</List>
<ListItem
sx = {{
 display: 'list-item',
}}>
 ...
</ListItem>