参数类型“元素”是不能分配给类型“ReactElement

Question

这段代码的参数：参数类型“元素”是不能分配给类型“ReactElement <any>

error TS2345: Argument of type 'Element' is not assignable to parameter of type 'ReactElement<any>'. 
    Type 'null' is not assignable to type 'ReactElement<any> 

这只：

import * as React from 'react';                        

const Component =() => <div/>;             

function culprit<P>(node: React.ReactElement<P>) { 
    console.log(node); 
} 

culprit(<Component/>); 

...与打字稿编译时会产生这个编译错误发生在strictNullChecks TypeScript编译标志设置为true。

是的，我可以禁用该标志，但我希望它增加编译时检查/安全。

如果我改变最后一行是：

culprit((<Component/> as React.ReactElement<any>)); 

...它的工作原理与设置为true标志。

我最近尝试从React项目中将“纯”JavaScript转换为TypeScript，并且这会跳过我所有的测试，因此将所有TypeScript类型断言添加到测试代码中的所有这些事件中将会很痛苦。

这是一个错误，还是我没有别的选择？

Answer 1

这显然是在15.0.5 React类型定义中引入的一个问题。如果你改为15.0.4，一切都应该没问题。

看到这个问题：https://github.com/DefinitelyTyped/DefinitelyTyped/pull/14284