Ошибка ввода при использовании кнопки antd с TypeScript

Question

Я использую Button от antd@3.16.2 следующим образом:

<Button
  type="primary"
  loading={true}
  onClick={console.log}
  block
>
  Do something
</Button>

И вот ошибка, которую я вижу, когда пытаюсь скомпилировать.

Error:(231, 26) TS2740: Type '{ children: string; type: "primary"; loading: boolean; onClick: () => void; block: true; }' is missing the following properties from type 'Pick<Pick<(Readonly<NativeButtonProps> & Readonly<{ children?: ReactNode; }>) | (Readonly<AnchorButtonProps> & Readonly<{ children?: ReactNode; }>), "children" | "style" | ... 257 more ... | "block"> & Pick<...> & Pick<...>, "children" | ... 256 more ... | "shape">': style, title, className, prefixCls, and 251 more.

Что это значити где я должен искать, чтобы исправить это несоответствие типов?

Answer 1

Согласно этот вопрос просто @types/react@16.8.11 может решить эту проблему.

Answer 2

Я считаю, что это дублирование этого вопроса . Я дам тот же ответ, так как считаю, что та же проблема.

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

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

Если вам нужны подробности, вы можете найти в эту проблему

Answer 3

вы не можете поместить console.log в метод onClick. если вы хотите, вы можете создать некоторую функцию, которая в этой функции представляет собой консольный журнал

например:

handleClick = (event) => {
  console.log(event)
}

и вы можете вызвать функцию так:

<Button
  type="primary"
  loading={true}
  onClick={this.handleClick}
  block
>
  Do something
</Button>