☰

「children」プロパティのタイプは何ですか? 質問する

tag-icon • tag-icon reactjs typescript jsx typescript2.0
「children」プロパティのタイプは何ですか? 質問する

次のような非常にシンプルな機能コンポーネントがあります。

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]

これを正しく入力するにはどうすればいいでしょうか?

ベストアンサー1

ただchildren: React.ReactNode。

おすすめ記事