使用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>