在react中进入另一个组件时，如何从组件中删除className

import React, { useState } from 'react';

const MyComponent = () => {
  const [className, setClassName] = useState('my-class');

  // 其他组件代码

  return (
    <div className={className}>
      {/* 组件内容 */}
    </div>
  );
};

export default MyComponent;

const handleClick = () => {
  setClassName('');
};

return (
  <div className={className}>
    <button onClick={handleClick}>删除className</button>
  </div>
);