如何在列表视图中打开活动数组类名

import React from 'react';

class ListView extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      activities: [] // 活动数组
    };
  }

  openActivity(className) {
    // 在这里实现打开活动的逻辑
    console.log('打开活动：', className);
  }

  render() {
    return (
      <div>
        <h1>列表视图</h1>
        <ul>
          {this.state.activities.map((activity, index) => (
            <li key={index} onClick={() => this.openActivity(activity.className)}>
              {activity.name}
            </li>
          ))}
        </ul>
      </div>
    );
  }
}

export default ListView;