Как вернуть встроенный компонент реакции из функции?

Question

Я пытаюсь вернуть компонент реагирования, который содержит только немного стилизованного текста (например, стилизация пропущена), который я добавляю в свое приложение в дальнейшем. Вот фрагмент кода, который возвращает компонент реакции:

import React from 'react';
const getMessage = (): React.Component => {
    return <span>Test</span>;
};

Однако я получаю следующую ошибку:

Type 'Element' is missing the following properties from type 'Component<{}, {}, any>': context, setState, forceUpdate, render, and 2 more

Что именно я здесь делаю неправильно?

Answer 1

Вы получаете эту ошибку, потому что объявленный тип возврата вашей функции React.Component, а сама функция возвращает элемент React или React.ReactElement.