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

#