Learn React with TypeScript 3

Properties

Properties are one of the elements that can be part of an interface. Properties can hold values associated with an object. So, when we define a property in an interface, we are saying that objects that implement the interface must have the property we have defined.

Let's start to play with an interface in the TypeScript playground:

1. Enter the following interface:

interface Product {  name: string;  unitPrice: number;}

2. The preceding example creates a Product interface with name and unitPrice properties. Let's go on to use this interface by using it as the type for a table variable:

const table: Product = {  name: "Table",  unitPrice: 500}

3. Let's try to set a property that doesn't exist in the interface:

const chair: Product = { ...