在使用状态的react js中的按钮单击时切换类，而不重新呈现组件

import React, { useState } from 'react';

function ToggleButton() {
  const [isActive, setIsActive] = useState(false);

  const handleClick = () => {
    setIsActive(!isActive);
  };

  return (
    <button
      className={isActive ? 'active' : ''}
      onClick={handleClick}
    >
      Click me!
    </button>
  );
}

export default ToggleButton;

import React, { useState, memo } from 'react';

const ToggleButton = memo(() => {
  const [isActive, setIsActive] = useState(false);

  const handleClick = () => {
    setIsActive(!isActive);
  };

  return (
    <button
      className={isActive ? 'active' : ''}
      onClick={handleClick}
    >
      Click me!
    </button>
  );
});

export default ToggleButton;