单击React list of elements并将其作为值存储在另一个列表中

import React, { useState } from 'react';

const ListComponent = () => {
  const [originalList, setOriginalList] = useState(['Item 1', 'Item 2', 'Item 3']);
  const [clickedValues, setClickedValues] = useState([]);

  const handleClick = (value) => {
    setClickedValues([...clickedValues, value]);
  };

  return (
    <div>
      <h2>Original List:</h2>
      <ul>
        {originalList.map((item, index) => (
          <li key={index} onClick={() => handleClick(item)}>
            {item}
          </li>
        ))}
      </ul>
      <h2>Clicked Values:</h2>
      <ul>
        {clickedValues.map((value, index) => (
          <li key={index}>{value}</li>
        ))}
      </ul>
    </div>
  );
};

export default ListComponent;