如何“接口” typescript 中的接口？

Question

I've got a base interface and I want my child interface to look like the base interface. How can I do so?

interface BaseInterface {
  api: { [key: string]: string  };
  ui: { [key: string]: string  };
}

interface ChildInterface {
  // I want to force this interface to have the same shape as BaseInterface
  // like so :

  api: { firstName: string  };
  ui: { firstName: string  };
}

I tried with type ChildInterface = BaseInterface but I cannot manage to custom my ChildInterface then.

Thanks

Answer 1

Use the extends keyword.

interface ChildInterface extends BaseInterface {
    someOtherProp:string;
}

const someItem : ChildInterface = //...
console.log(someItem.api.firstName);
console.log(someItem.someOtherProp);