如何在react中使用网格扩展或拟合div数组

npm install react-grid-system

import { Container, Row, Col } from 'react-grid-system';

function MyComponent() {
  return (
    <Container>
      <Row>
        <Col sm={6} md={4} lg={3}>
          <div>Div 1</div>
        </Col>
        <Col sm={6} md={4} lg={3}>
          <div>Div 2</div>
        </Col>
        <Col sm={6} md={4} lg={3}>
          <div>Div 3</div>
        </Col>
        <Col sm={6} md={4} lg={3}>
          <div>Div 4</div>
        </Col>
      </Row>
    </Container>
  );
}

.container {
  display: flex;
  flex-wrap: wrap;
}

function MyComponent() {
  const divArray = ['Div 1', 'Div 2', 'Div 3', 'Div 4'];

  return (
    <div className="container">
      {divArray.map((item, index) => (
        <div key={index}>{item}</div>
      ))}
    </div>
  );
}