Learn React with TypeScript 3

Default prop values

Default values can be added to component props when the component is initialized. These can be implemented using a static object literal called defaultProps.

Let's make use of this feature in our Confirm component, as follows:

1. Create some default values for cancelCaption and okCaption in our class:

class Confirm extends React.Component<IProps> {  public static defaultProps = {    cancelCaption: "Cancel",    okCaption: "Okay"  };  public render() { ... }}

If we look at our running app again, we have button captions once more.

2. Let's finish this section by overriding the defaults, and supplying specific attributes for these captions in App.tsx, as follows:

<Confirm  title="React and TypeScript" content="Are you sure you want to ...