1

ルーティング定数にコンポーネントを追加したい:

export const routes = <Layout>
    <Route exact path='/' component={ Home } />
    <Route path='/counter' component={ Counter } />
    <Route path='/fetchdata' component={ FetchData } />
</Layout>;

コンポーネントカウンター

import * as React from 'react';
import { RouteComponentProps } from 'react-router';

    interface CounterState {
        currentCount: number;
    }

        export class Counter extends React.Component<RouteComponentProps<{}>, CounterState> {
            constructor(props: RouteComponentProps<{}>) {
                super(props);
                this.state = { currentCount: 0 };
            } 
        ....

だから私はこのエラーメッセージを受け取ります:

[at-loader] のエラー ./ClientApp/routes.tsx:10:28 TS2326: プロパティ 'コンポーネント' のタイプに互換性がありません。タイプ 'typeof Counter' はタイプ 'StatelessComponent | 未定義> | コンポーネント クラス | 未定義>'. パラメータ 'props' と 'props' のタイプに互換性がありません。タイプ 'RouteComponentProps | undefined' はタイプ 'RouteComponentProps<{}>' に割り当てられません。タイプ「undefined」はタイプ「RouteComponentProps<{}>」に割り当てられません。

では、どうすればこの問題を解決できますか?

4

0 に答える 0