如何在React中列出第3行中的项目

import React, { Component } from 'react';

class ProjectList extends Component {
  constructor(props) {
    super(props);
    this.state = {
      projects: [] // 初始化项目列表为空数组
    };
  }

  componentDidMount() {
    // 异步请求或从本地存储中获取项目列表数据
    // 并更新到projects状态变量中
    // 示例代码中使用setTimeout模拟异步请求
    setTimeout(() => {
      const projectsData = [
        { id: 1, name: 'Project 1', description: 'Description 1', createTime: '2022-01-01' },
        { id: 2, name: 'Project 2', description: 'Description 2', createTime: '2022-01-02' },
        { id: 3, name: 'Project 3', description: 'Description 3', createTime: '2022-01-03' },
        { id: 4, name: 'Project 4', description: 'Description 4', createTime: '2022-01-04' },
        { id: 5, name: 'Project 5', description: 'Description 5', createTime: '2022-01-05' }
      ];
      this.setState({ projects: projectsData });
    }, 1000);
  }

  render() {
    const { projects } = this.state;
    const thirdRowProjects = projects.slice(2, 3); // 获取第3行的项目，数组切片索引从0开始

    return (
      <div>
        <h2>Project List</h2>
        <ul>
          {thirdRowProjects.map(project => (
            <li key={project.id}>
              <h3>{project.name}</h3>
              <p>{project.description}</p>
              <p>Create Time: {project.createTime}</p>
            </li>
          ))}
        </ul>
      </div>
    );
  }
}

export default ProjectList;