通过react组件传递索引

import React from 'react';
import ChildComponent from './ChildComponent';

const ParentComponent = () => {
  const data = ['item1', 'item2', 'item3'];

  return (
    <div>
      {data.map((item, index) => (
        <ChildComponent key={index} index={index} item={item} />
      ))}
    </div>
  );
};

export default ParentComponent;

import React from 'react';

const ChildComponent = ({ index, item }) => {
  return <div>{`Index: ${index}, Item: ${item}`}</div>;
};

export default ChildComponent;