Typescriptジェネリック変数フィールドにジェネリックを割り当てる方法

Question

汎用クラスフィールドを汎用ローカルフィールドに正しく割り当てるにはどうすればよいですか？私は、例えば、データソースからのエントリを取得したい私は機能を持っている

export interface TableBoxProps<T> { 
    getDataSource: <T>() => T[]; 
} 

class Container<T> extends React.Component<TableBoxProps<T>, any>{ ... } 

とどこかの一般的なクラスで実装この汎用的なインタフェースを持っ例えば

この

private onCellClick = (row: number, column: number) => { 
     let entity:T = this.props.getDataSource()[row]; // error 
    } 

のように私は上記の

[ts] Type '{}' is not assignable to type 'T' 

でエラーを取得する私は、私はlet entity:Tを使用できることを変更することがありますか？それはタイプanyでうまく動作しますが、私はそれをしたくありません。

Answer 1

これは、this.props.getDataSource()[row]が{}であるために発生します。あなたはTにキャストする必要があります。

let entity: T = (this.props.getDataSource()[row] as T); 

あなたはJSXと反応を使用しているので、あなたがas Tではなく<T>を使用する必要があります。