type of react component 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: react tsx component example

import React from 'react';

interface Props {
}

const App: React.FC<Props> = (props) => {
  return (
    <div><div/>
  );
};

export default App;