So verwenden Sie useState auf der Registerkartenseite in Antd React
P粉930448030
P粉930448030 2023-08-13 10:13:16
0
1
579
<p>类型 'readonly [{ readonly key: "1"; schreibgeschütztes Label: „Tab 1“; schreibgeschützte Kinder: „Inhalt von Registerkarte 1“; }, { schreibgeschützter Schlüssel: "2"; schreibgeschütztes Label: „Tab 2“; schreibgeschützte Kinder: „Inhalt von Registerkarte 2“; }, { ...; }]' oder 'readonly' 类型,不能赋值给可变类型 'Tab[]'。ts(4104)</p> <pre class="brush:php;toolbar:false;">import React, { useState } from "react"; import „./index.css“; { Tabs } aus „antd“ importieren; Importtyp { TabsProps } von „antd“; const items: TabsProps["items"] = [ { Schlüssel: „1“, Beschriftung: „Tab 1“, Kinder: „Inhalt von Registerkarte 1“. }, { Schlüssel: „2“, Beschriftung: „Tab 2“, Kinder: „Inhalt von Registerkarte 2“. }, { Schlüssel: „3“, Beschriftung: „Tab 3“, Kinder: „Inhalt von Registerkarte 3“. } ] als const; type ArrKey = typeof items[number]["key"]; const App: React.FC = () => { const [index, setIndex] = useState<ArrKey>("1"); const onChange = (key: string) => { setIndex(key); }; return <Tabs activeKey={index} items={items} onChange={onChange} />; }; Standard-App exportieren;</pre> <p>https://codesandbox.io/s/basic-antd-5-8-3-forked-p9myfs?file=/demo.tsx:0-706</p>
P粉930448030
P粉930448030

Antworte allen(1)
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!