React，打字稿-'IntrinsicAttributes'

Question

我有一个简单的演示here

这是一个使用打字稿的基本React应用。

我有一个组件，即导航栏，它只是在一个简单的div中显示了一些链接。

在此演示中，导航栏显示在页面上，但在我的实际应用程序中却没有显示，并且在控制台中出现错误

Type '{ children: Element; }' has no properties in common with type 'IntrinsicAttributes'. TS2559

当您将鼠标悬停在演示中的导航栏上时，会看到下面的红色波浪线。

为什么会出现此错误，以及如何解决。

Answer 1

您的子组件不希望有任何子组件。

只需切换：

<Navbar>

</Navbar>

至：

<Navbar />

Answer 2

它显示错误，因为您以空行作为子级并且Navbar组件不希望出现任何错误。 试试：

<Navbar />