Cara menggunakan useState dalam halaman tab dalam antd react

Question

类型 'baca sahaja [{ kunci baca sahaja: "1"; label baca sahaja: "Tab 1"; kanak-kanak baca sahaja: "Kandungan Anak Tetingkap Tab 1"; }, { kunci baca sahaja: "2"; label baca sahaja: "Tab 2"; kanak-kanak baca sahaja: "Kandungan Anak Tetingkap Tab 2"; }, { ...; }]' 是 'baca sahaja' 类型，不能赋值给可变类型 'Tab[]'。ts(4104)

import React, { useState } daripada "react";
import "./index.css";
import { Tab } daripada "antd";
jenis import { TabsProps } daripada "antd";

item const: TabsProps["item"] = [
  {
    kunci: "1",
    label: `Tab 1`,
    kanak-kanak: `Kandungan Anak Tetingkap Tab 1`
  },
  {
    kunci: "2",
    label: `Tab 2`,
    kanak-kanak: `Kandungan Anak Tetingkap Tab 2`
  },
  {
    kunci: "3",
    label: `Tab 3`,
    kanak-kanak: `Kandungan Anak Tetingkap Tab 3`
  }
] sebagai const;
taip ArrKey = jenis item[nombor]["kunci"];

const App: React.FC = () => {
  const [index, setIndex] = useState<ArrKey>("1");

  const onChange = (kunci: rentetan) => {
    setIndex(kunci);
  };

  kembalikan <Tabs activeKey={index} items={item} onChange={onChange} />;
};

eksport Apl lalai;

https://codesandbox.io/s/basic-antd-5-8-3-forked-p9myfs?file=/demo.tsx:0-706

Answer 1

Hai, harap saya memahami masalah anda dengan betul Saya telah menyelesaikan masalah anda di sini https://codesandbox.io/s/basic-antd-5-8-3-forked-7m8jhc?file=/demo .tsx