What does <{}> mean at the end of the extension in javascript?

Question

The following syntax appeared in one of the tutorials for native-native. A component declaration that looks like this:

export default class App extends Component<{}> {

//implementation

}

My question is: what does this mean <{}>and how does this expression differ from this:

export default class App extends Component {

?

Answer 1

This snippet is written in typescript. Syntax is <>used to indicate a general restriction on a component.

My advice: if you are not using typescript, you can simply ignore this notation when reading the tutorial. However, if you are interested in learning more:

typescript generics.

Component /-native typescript .

, , (this.props) (this.state).

, {} - , , - . JSX <App />. , {}, , . , ( jsx, typescript).

, , , , <>, - , , "" , this.props. , .

Answer 2

typescript , , <>, - , .

Answer 3

/-, (facebook) flow, typescript,

, , RN-, .js .

In any case, @CRice is true in meaning - it is generic , which in this case indicates the type of props of the class component .