如何从函数内联返回React组件？

Question

我试图返回一个只包含一些样式化文本（例如，省略了样式化）的react组件，然后将其添加到我的应用程序中。这是返回react组件的代码片段：

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。