如何在react原生快照轮播的一页中显示2个项目

import React, { Component } from 'react';

class Carousel extends Component {
  constructor(props) {
    super(props);
    this.state = {
      currentIndex: 0,
      projects: [
        { id: 1, title: '项目1', image: 'project1.jpg' },
        { id: 2, title: '项目2', image: 'project2.jpg' },
        { id: 3, title: '项目3', image: 'project3.jpg' },
        // 添加更多项目...
      ]
    };
  }

  componentDidMount() {
    this.startCarousel();
  }

  componentWillUnmount() {
    this.stopCarousel();
  }

  startCarousel() {
    this.carouselInterval = setInterval(() => {
      this.setState(prevState => ({
        currentIndex: (prevState.currentIndex + 1) % prevState.projects.length
      }));
    }, 3000);
  }

  stopCarousel() {
    clearInterval(this.carouselInterval);
  }

  render() {
    const { currentIndex, projects } = this.state;
    const project1 = projects[currentIndex];
    const project2 = projects[(currentIndex + 1) % projects.length];

    return (
      <div className="carousel">
        <div className="project">
          <img src={project1.image} alt={project1.title} />
          <h3>{project1.title}</h3>
        </div>
        <div className="project">
          <img src={project2.image} alt={project2.title} />
          <h3>{project2.title}</h3>
        </div>
      </div>
    );
  }
}

export default Carousel;