在Reactjs中交换两个材料的值( TextFields -ui)

import React, { useState } from 'react';
import TextField from '@material-ui/core/TextField';
import Button from '@material-ui/core/Button';

const SwapValues = () => {
  const [value1, setValue1] = useState('');
  const [value2, setValue2] = useState('');

  const handleValue1Change = (event) => {
    setValue1(event.target.value);
  };

  const handleValue2Change = (event) => {
    setValue2(event.target.value);
  };

  const handleSwapValues = () => {
    [value1, value2] = [value2, value1];
  };

  return (
    <div>
      <TextField
        label="Value 1"
        value={value1}
        onChange={handleValue1Change}
      />
      <TextField
        label="Value 2"
        value={value2}
        onChange={handleValue2Change}
      />
      <Button onClick={handleSwapValues}>Swap Values</Button>
    </div>
  );
};

export default SwapValues;