TypeScript: そのクラスが持つ型定義をクラス内で変数として扱いたい

Question

TypeScriptかなり初心者です。

interface IStatham {
  hasGun: boolean;
}

class Statham extends React.Component<IStatham> {
  constructor(props: IStatham) {
    super(props);
  }

  public componentDidUpdate(prevProps: IStatham) {
    // 処理
  }

  public render() {
    return this.props.hasGun ? <p>Statham has a gun.</p> : <p>Statham is bare hands.</p>;
  }
}

以上のようなコンポーネントがあった時、IStathamをクラス内で共通の変数にして、他で使用する場合に代入したいです。つまり、以下のようなこと。

interface IStatham {
  hasGun: boolean;
}

class Statham extends React.Component<IStatham> {
// React.Component<ここにある型定義> を、Sとしてクラス内で使用したい。
  constructor(props: S) {
    super(props);
  }

  public componentDidUpdate(prevProps: S) {
    // 処理
  }

  public render() {
    return this.props.hasGun ? <p>Statham has a gun.</p> : <p>Statham is bare hands.</p>;
  }
}

以上のようなことが可能であれば、例えばIStatham => IJasonに置き換えた時に、クラス内まで書き換える必要がなくなるので楽だなぁと。

こうした場合、どのようにしたらよいのでしょうか？
よろしくお願いします。

Comments

[papinianus]

Sとしたときに、Sが"hasGun"を持つことはどこで検証する予定ですか？また、IStathamとIJsonの共通項は何かありますか？

Answer 1

Stathamはおそらく人の名前かなと思いますが、
classで複数使い回すのであれば一つ抽象化をはさんだほうがよさそうに見えます。

また、 propsの型は型定義がされた状態で反映されるかなと思います。

interface IHuman {
  humanName: string;
  hasGun: boolean;
}

class Human extends React.Component<IHuman> {
  constructor(props) {
    super(props);
  }

  public componentDidUpdate(prevProps) {
    // 処理
  }

  public render() {
    return this.props.hasGun ? <p>{this.props.humanName}has a gun.</p> : <p>{this.props.humanName} is bare hands.</p>;
  }
}