Rumah  >  Soal Jawab  >  teks badan

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>
P粉930448030P粉930448030458 hari yang lalu588

membalas semua(1)saya akan balas

  • P粉191610580
  • Batalbalas