在react with hooks中，我如何复制和数组，然后反转它？

import React, { useState } from 'react';

function MyComponent() {
  const [originalArray, setOriginalArray] = useState([]);
  const [reversedArray, setReversedArray] = useState([]);
  
  // 其他组件代码...
}

function MyComponent() {
  const [originalArray, setOriginalArray] = useState([]);
  const [reversedArray, setReversedArray] = useState([]);

  // 更新原始数组
  const updateArray = () => {
    setOriginalArray([1, 2, 3, 4, 5]);
  };

  // 其他组件代码...
}

function MyComponent() {
  const [originalArray, setOriginalArray] = useState([]);
  const [reversedArray, setReversedArray] = useState([]);

  // 更新原始数组
  const updateArray = () => {
    setOriginalArray([1, 2, 3, 4, 5]);
  };

  // 复制和反转数组
  const reverseArray = () => {
    setReversedArray([...originalArray].reverse());
  };

  // 其他组件代码...
}

function MyComponent() {
  const [originalArray, setOriginalArray] = useState([]);
  const [reversedArray, setReversedArray] = useState([]);

  // 更新原始数组
  const updateArray = () => {
    setOriginalArray([1, 2, 3, 4, 5]);
  };

  // 复制和反转数组
  const reverseArray = () => {
    setReversedArray([...originalArray].reverse());
  };

  return (
    <div>
      <button onClick={updateArray}>更新数组</button>
      <button onClick={reverseArray}>反转数组</button>
      <p>原始数组: {originalArray.join(', ')}</p>
      <p>反转后的数组: {reversedArray.join(', ')}</p>
    </div>
  );
}