在React中，如何更改在迭代中创建的一个元素的类名，onclick另一个元素？

import React, { useState } from 'react';

function MyComponent() {
  const [className, setClassName] = useState('default');

  // 其他代码...

  return (
    <div>
      {/* 迭代创建的元素 */}
      {items.map((item, index) => (
        <div key={index} className={className}>
          {item}
        </div>
      ))}

      {/* 点击另一个元素时改变类名 */}
      <button onClick={() => setClassName('new-class')}>点击我改变类名</button>
    </div>
  );
}

export default MyComponent;