TypeScript和React-子类型? [英] TypeScript and React - children type?
本文介绍了TypeScript和React-子类型?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我有一个非常简单的功能组件,如下所示:
I have a very simple functional component as follows:
import * as React from 'react';
export interface AuxProps {
children: React.ReactNode
}
const aux = (props: AuxProps) => props.children;
export default aux;
另一个组件:
import * as React from "react";
export interface LayoutProps {
children: React.ReactNode
}
const layout = (props: LayoutProps) => (
<Aux>
<div>Toolbar, SideDrawer, Backdrop</div>
<main>
{props.children}
</main>
<Aux/>
);
export default layout;
我不断遇到以下错误:
[ts] JSX元素类型'ReactNode'不是JSX元素的构造函数. 类型'undefined'不能分配给'ElementClass'类型. [2605]
[ts] JSX element type 'ReactNode' is not a constructor function for JSX elements. Type 'undefined' is not assignable to type 'ElementClass'. [2605]
如何正确输入?
推荐答案
只需children: React.ReactNode
这篇关于TypeScript和React-子类型?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文