Check out example codes for "react functional component typescript". It will help you in understanding the concepts better.

Code Example 1

import React from 'react';

interface Props {
  
}

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

Code Example 2

class Test extends Component<PropsType,StateType> {
  constructor(props : PropsType){
    	super(props)
  }
  
  render(){
   	console.log(this.props) 
    return (
     	<p>this.props.whatever</p> 
    )
  }
  
};

Code Example 3

function Welcome(props) {
  return <h1>Hello, {props.name}</h1>;
}

function App() {
  return (
    <div>
      <Welcome name="Sara" />      <Welcome name="Cahal" />      <Welcome name="Edite" />    </div>
  );
}

ReactDOM.render(
  <App />,
  document.getElementById('root')
);

Code Example 4

class Welcome extends React.Component {
  render() {
    return <h1>Hello, {this.props.name}</h1>;
  }
}

Code Example 5

const component = props => {
console.log("This is a functional Component that uses props");
}

Learn ReactJs, React Native from akashmittal.com