Блог

Я пытаюсь создать форму входа в react с помощью antd, как показано ниже. Я совершенно уверен, что следую официальному документу. И я просто использую машинописный текст, я также предполагаю, что antd также написан на ts.

 import Login from 'ant-design-pro/lib/Login';  import React,{useState} from "react";  const { Tab, UserName, Password,Submit } = Login;  const Join = () =gt; {  const [type,setType]=useState('tab2')  const onSubmit = (err:any, values:any) =gt; {  console.log('value collected -gt;', {  ...values,  });  };  const onTabChange = (key:string) =gt; {  setType(key)  };  return (  lt;div className="login-warp"gt;  lt;Login  defaultActiveKey={type}  onTabChange={onTabChange}  onSubmit={onSubmit}  gt;  lt;Tab key="tab1" tab="Account"   tabUtil={  {  addTab: (id: any) =gt; {},  removeTab: (id: any) =gt; {},  }  }  gt;  {/*@ts-ignore*/}  lt;UserName name="username" /gt;  {/*@ts-ignore*/}  lt;Password name="password" /gt;  lt;/Tabgt;  lt;Submitgt;Loginlt;/Submitgt;  lt;/Logingt;  lt;/divgt;  ); }  export {Join}  

Это компилируется правильно, но приводит к ошибке во время выполнения, в которой говорится: Ошибка типа: _form2.по умолчанию.create(…) не является функцией

Полное сообщение выглядит примерно так:

 ./node_modules/ant-design-pro/lib/Login/index.js D:/projects/lolpro/front/node_modules/ant-design-pro/lib/Login/index.js:219  216 | Login[item] = _LoginItem2.default[item];  217 | });  218 |  gt; 219 | exports.default = _form2.default.create()(Login);  220 | module.exports = exports.default;  

Я не использую какую-либо библиотеку управления состоянием и пока не собираюсь ее использовать. Я просто хотел узнать о antd-pro немного больше.