使材质UI网格在react中可水平滚动

npm install @material-ui/core
npm install react

import React from 'react';
import { Grid, Container } from '@material-ui/core';

const HorizontalScrollGrid = () => {
  return (
    <Container maxWidth="xl">
      <div style={{ overflowX: 'auto' }}>
        <Grid container spacing={3}>
          {/* 在这里添加你的网格内容 */}
        </Grid>
      </div>
    </Container>
  );
};

export default HorizontalScrollGrid;

<Grid item xs={12} sm={6} md={4} lg={3}>
  {/* 网格项的内容 */}
</Grid>

import React from 'react';
import HorizontalScrollGrid from './HorizontalScrollGrid';

const App = () => {
  return (
    <div>
      {/* 其他组件 */}
      <HorizontalScrollGrid />
      {/* 其他组件 */}
    </div>
  );
};

export default App;