Подсказки для кнопок при использовании antd framework в vscode

Question

Я использую кнопку и ввод antd в vscode.Но он показывает ошибку на кнопке, и я хочу знать, почему.

Я пробовал ввод, и он не показывает ошибки.Что показано на рисунке.

import React from 'react';
import styles from './index.css';
import router from 'umi/router';
import {Input, Button} from 'antd';

export default function() {
  const handleClick=()=>{
    router.push('/homepage/');
  }
  return (
    <div className={styles.normal}>
      <div className={styles.welcome} />
      <h1 className={styles.title}>login</h1>
      <ul className={styles.list}>
        <li><label>username:</label><Input className={styles.input} placeholder="username"/></li>
        <li><label>password:</label><Input className={styles.input} placeholder="password"/></li>
        <li>
          <Button type="primary" shape="round" onClick={handleClick}>login</Button>
        </li>
      </ul>
    </div>
  );
}

Фактический вывод показывает:

<--language:lang-none-->
"message": "Type '{ children: string; type: \"primary\"; shape: \"round\"; onClick: () => void; }' is missing the following properties from type 'Pick<Pick<(Readonly<AnchorButtonProps> & Readonly<{ children?: ReactNode; }>) | (Readonly<NativeButtonProps> & Readonly<{ children?: ReactNode; }>), \"defaultChecked\" | \"defaultValue\" | ... 257 more ... | \"block\"> & Pick<...> & Pick<...>, \"defaultChecked\" | ... 256 more ... | \"shape\">': defaultChecked, defaultValue, suppressContentEditableWarning, suppressHydrationWarning, and 250 more."

плюс, я хочу спросить, как использовать статический ресурс?В примере проекта просто используйте способ отображения фона css для показа изображений.

Answer 1

Здравствуйте, я обновил @ types / реагировать как 16.8.11 в моем package.json. Это решило мою проблему.

Answer 2

Эта проблема была исправлена ​​antd 3 дня назад.Просто обновите ваш antd до версии 3.16.3, и все будет в порядке.

Выполните: npm i antd@3.16.3 --save или yarn antd@3.16.3

Если вы хотите получить более подробную информацию, вы можете найти в этовыпуск

Answer 3

Понизьте "@ types / реагировать": "^ 16.8.8" решит это