Cara menggunakan useState dalam halaman tab dalam antd react
<p>类型 '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)</p>
<pre class="brush:php;toolbar:false;">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;</pre>
<p>https://codesandbox.io/s/basic-antd-5-8-3-forked-p9myfs?file=/demo.tsx:0-706</p>