单击按钮更改所单击按钮和另一个按钮的className | ReactJs

import React, { useState } from 'react';

const ButtonComponent = () => {
  const [button1Class, setButton1Class] = useState('button');
  const [button2Class, setButton2Class] = useState('button');

  const handleClick = () => {
    setButton1Class('new-class');
    setButton2Class('new-class');
  };

  return (
    <div>
      <button className={button1Class} onClick={handleClick}>Button 1</button>
      <button className={button2Class}>Button 2</button>
    </div>
  );
};

export default ButtonComponent;