how to use react component type typescript code example

Example 1: typescript react class component

import * as React from 'react';

export interface TestProps {
    count: number;
}
 
export interface TestState {
    count: number;
}
 
class Test extends React.Component<TestProps, TestState> {
    state = { count:0  }
    render() { 
        return ( <h2>this is test</h2> );
    }
}
 
export default Test;

Example 2: type a passed component typescript react

interface ParentCompProps {
  childComp?: React.ReactNode;
}

Tags:

Typescript Example

Related