reactjs - JSX 元素类型 'ReactElement | null' 不是 JSX 元素的构造函数

Question

我有简单的Paragraph组件设置如下

import * as React from 'react';
import {Text} from 'react-native';

const { memo } = React;

/**
 * Component
 */
function Paragraph({ children }) {
  return (
    <Text>
      {children}
    </Text>
  );
}

export default memo(Paragraph);

每当我使用 <Paragraph />在我的应用程序中，我从 typescript 中收到以下错误:

JSX element type 'ReactElement | null' is not a constructor function for JSX elements. Type 'ReactElement' is not assignable to type 'Element'.ts(2605)

这发生在我的很多元素上，并且自从我更新到 lates typings for react 和 react-native from definitely typed 后就开始发生了。我无法查明可能导致此错误的更改。

Answer 1

这是由自动生成的文件中不同版本的类型库引起的，可能是因为更新它而搞砸了，删除了 node_modules 和 yarn.lock 或 package- lock.json 然后重新安装。