ReactJS:确定数组中从另一个文件传递的项的索引。(使用Ant设计)

import React from 'react';
import { Button } from 'antd';

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      array: [], // 数组
      index: -1, // 索引
    };
  }

  render() {
    // 渲染组件
  }
}

componentDidMount() {
  // 从另一个文件获取数组
  // 可以通过fetch、axios等方式异步获取数据
  // 假设获取到的数组为response.data
  const response = await fetch('https://example.com/array-data');
  const data = await response.json();

  this.setState({ array: data }); // 更新状态中的数组
}

findIndexInArray(item) {
  const { array } = this.state;
  return array.findIndex((arrayItem) => arrayItem === item);
}

render() {
  const { array, index } = this.state;

  return (
    <div>
      <p>数组：{array.join(', ')}</p>
      <p>索引：{index >= 0 ? index : '未找到'}</p>
      <Button onClick={() => this.findIndexInArray('某项')} type="primary">
        查找索引
      </Button>
    </div>
  );
}