当react中的当前迭代为true时，如何向上一次迭代添加类？

import React, { useState } from 'react';

const MyComponent = () => {
  const [isCurrentIteration, setIsCurrentIteration] = useState(true);

  const handleToggleIteration = () => {
    setIsCurrentIteration(!isCurrentIteration);
  };

  return (
    <div>
      <button onClick={handleToggleIteration}>Toggle Iteration</button>
      <div className={isCurrentIteration ? 'current-iteration' : 'previous-iteration'}>
        {/* 组件内容 */}
      </div>
    </div>
  );
};

export default MyComponent;