如何在react中删除数组选项卡中的chat值

import React, { useState } from 'react';

const MyComponent = () => {
  const [tabs, setTabs] = useState(['chat']);

  // 其他代码...

  return (
    // 组件的 JSX 结构
  );
}

export default MyComponent;

return (
  <div>
    {tabs.map((tab, index) => (
      <button key={index} onClick={() => handleTabClick(index)}>
        {tab}
      </button>
    ))}
  </div>
);

const handleTabClick = (index) => {
  const newTabs = [...tabs]; // 创建一个新的数组副本
  newTabs.splice(index, 1); // 删除指定索引处的选项卡
  setTabs(newTabs); // 更新状态变量
};