実験的デコレータとタイプを調整するにはどうすればいいですか？

Question

私はwithRouterが私のコンポーネントに固有の小道具を注入するために期待される次の基本的な構成要素

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

export interface Props { }; 

@withRouter 
export default class Movies extends React.PureComponent<Props> { 
    goBack =() => { 
    this.props.history.goBack(); 
    }; 

    public render() { 
    return (
     <div> 
     <button onClick={this.goBack}>Back</button> 
     </div> 
    ); 
    } 
} 

を持っています。しかし、this.props.historyを参照するとき、私はこの取得：

をタイプ定義を追加しますデコレータを使用する適切な方法は何ですか？

Answer 1

私はそれをこのように実行します。

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

export interface OwnProps { }; 

type Props = OwnProps & RouteComponentProps<{}>; 

@withRouter 
export default class Movies extends React.PureComponent<Props> { 
    goBack =() => { 
    this.props.history.goBack(); 
    }; 

    public render() { 
    return (
     <div> 
     <button onClick={this.goBack}>Back</button> 
     </div> 
    ); 
    } 
}