React Router 4 Typescript、Redirect

Question

私はtypescriptを使って自分のアプリでルーティングを書きましたが、リダイレクトコンポーネントに問題があります。これは私のコードです：

export interface Props { 

} 

const Routes = (props:Props) => (
<Switch> 
    <Route path="/login" component={Login}/> 
    <Route path="/" component={Home}/> 

    <Redirect to="/login" component={Login}/> 

</Switch> 
); 

export default Routes; 

はその後、コンパイラは、次のエラーがスローされます：問題があるか、URLは私のと比較されていない場合にどのように私はリダイレクトを行うことができる場所

(20,33): error TS2339: Property 'component' does not exist on type 'IntrinsicAttributes & IntrinsicClassAttributes & Readonly<{ children?: ReactNode; }> & ...'.

あなたは私に言うことができますルータ？あなたはこのインターフェイスがcomponentのために定義されたプロパティを持たないタイプ@ /反応し、ルータを

... 
export interface RedirectProps { 
    to: H.LocationDescriptor; 
    push?: boolean; 
    from?: string; 
    path?: string; 
    exact?: boolean; 
    strict?: boolean; 
} 
... 

からあなたがRedirectPropsの型定義を見てみましょうする必要がRedirectコンポーネントに設定可能なプロパティを表示するには

Answer 1

tsコンパイラはcomponent={Login}のエラーを投げます。

Redirectに別のコンポーネントを指定すると、新しいルートにのみリダイレクトされ、表示される値がないため、あまり有用ではありません。