material-ui - Material-ui:如何制作水平 list

Question

在Material-ui中，我想使用

<List>和<ListItem>，但使它们水平显示。

最好的方法是什么？

Answer 1

到目前为止，我有：

const flexContainer = {
  display: 'flex',
  flexDirection: 'row',
  padding: 0,
};

return (
  <List style={flexContainer}>
    <ListItem
      primaryText="foo1"
      secondaryText="bar1"/>
    <ListItem
      primaryText="foo2"
      secondaryText="bar2"/>
  </List>
);

这可行。寻找潜在的更好答案/意见。应该内置吗？