使用useState在antd react中的标签页中的方法

Question

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

Answer 1

嗨，希望我正确理解了你的问题 我在这里修复了你的问题https://codesandbox.io/s/basic-antd-5-8-3-forked-7m8jhc?file=/demo.tsx