generics in typescript

 Generics:

Makes it easier to write functions,ineterfaces

and more that work with different types

function getValueString(data:string):string[]{

    return [data];

}

function getValueNumber(data:number):number[]{

    return [data];

}

const result=getValueString('amit');

const result1=getValueNumber(2);

........................................

:-----//Defination syntax:---

getValueString<TypeToWrap>(value:TypeToWrap):TypeToWrap[]{

}

//calling syntax:--

getValue<TypeToWrap>(value);

:------------------------------------------------------------------------------------------

function getValueString<TypeToWrap>(value:TypeToWrap):TypeToWrap[]{

    return [value];

}

const result=getValueString<string>("raj")

const result1=getValueString<number>(1)

console.log(result)

console.log(result1)

:----------------------------------------------------

function getValueString<TypeToWrap>(value:TypeToWrap,email:string){

    return {

        value,

        email

    };

}

const result=getValueString<number>(1,'abc@gmail.com')

const reault1=getValueString<string>('zxy','zxy@gmail.com')

console.log(result)

console.log(reault1)

........................................................

function getValueString<TypeToWrap,TypeToWrapemail>

(value:TypeToWrap,email:TypeToWrapemail){

    return {

        value,

        email

    };

}

const result=getValueString<number,string>(1,'abc@gmail.com')

const reault1=getValueString<string,number[]>('zxy',[1,2,3,4])

console.log(result)

console.log(reault1)

...

// import React from 'react'

import { useState } from "react"

export default function Test1() {

    const [count,setCount]=useState<string[]>([]);

    const handleCount=()=>{

setCount([...count,'red']);

console.log(count)

    }

  return (

    <div>

     

      <button onClick={handleCount}>Increment</button>

    </div>

  )

}

extends:must be...

......