使用useState在antd react中的标签页中的方法
<p>类型 'readonly [{ readonly key: "1";只读标签：“选项卡1”； readonly 子项：“选项卡窗格 1 的内容”； }, { 只读键: "2";只读标签：“选项卡2”； readonly 子项：“选项卡窗格 2 的内容”； }, { ...; }]' 是 'readonly' 类型，不能赋给可变类型 'Tab[]'。ts(4104)
<pre class="brush:php;toolbar:false;">从“react”导入 React, { useState };
导入“./index.css”；
从“antd”导入{选项卡}；
从“antd”导入类型 { TabsProps } ；
const items: TabsProps["items"] = [
{
键：“1”，
标签：`选项卡 1`，
子项：`选项卡窗格 1 的内容`
},
{
键：“2”，
标签：`选项卡 2`，
子项：`选项卡窗格 2 的内容`
},
{
键：“3”，
标签：`标签3`，
子项：`选项卡窗格 3 的内容`
}
] 作为常量；
type ArrKey = typeof items[number]["key"];
const App: React.FC = () =>; {
const [index, setIndex] = useState
("1");
const onChange = (key: string) =>; {
设置索引（键）；
};
return ;
};
导出默认应用程序；</pre>
<p>https://codesandbox.io/s/basic-antd-5-8-3-forked-p9myfs?file=/demo.tsx:0-706</p>
