How to get type from nested object's properties in typescript

Question

Let's say I have an interface:

interface FooBar {
  foo: string
  bar: {
    baz: string
  }
}

I'd like to construct a type based FooBar's bar property, with only its properties:

interface Bar {
  baz: string
}

Trying Pick<Foobar, 'bar'> only yields:

{
  bar: {
    baz: string
  }
}

@NicholasTower Yes! Would you like to put this as the answer? — skwny
– skwny, Commented Mar 7, 2020 at 2:34

Nicholas Tower · Accepted Answer · 2020-03-07 03:27:28Z

1

You can refer to a property inside a type with square brackets:

type Bar = FooBar["bar"];

const example: Bar = {
   baz: 'hi'
};

answered Mar 7, 2020 at 3:27

Nicholas Tower

87.1k10 gold badges115 silver badges127 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1