TypeScript和React-子类型?

本文介绍了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;

我不断遇到以下错误:

如何正确输入?

ReactNode

TypeScript和React-子类型?

问题描述

推荐答案