Ошибка реагирования: тип 'void' нельзя назначить типу 'Readonly <{}>' в React.Component

Question

Почему это приводит к ошибке ниже?

export default class DeleteModal extends React.Component<DeleteModalProps, void>

Ошибка:

Тип 'void' нельзя назначить типу 'Readonly <{}>'

Answer 1

1. Источник React.Component index.d.ts

interface Component<P = {}, S = {}, SS = any> extends ComponentLifecycle<P, S, SS> { }

Мы можем видеть, что он был определен как пустой объект {}

---

2.Тип документа с текстами void

Объявление переменных типа void бесполезно, поскольку вы можете назначать им только null или undefined

Вот причина ошибки.

---

3.Solution:

Если нам не нужно состояние в компоненте, не назначить все будет в порядке.

React.Component<Props>

Вы также можете установить пустой объект

interface State {}

React.Component<Props, State>