How do you use generics with a react component?

Clear Cow answered on February 17, 2025 Popularity 3/10 Helpfulness 1/10

answer How do you use generics with a react component?

related react player hydration error nextjs

How do you use generics with a react component?

Comment

interface MyObjType {
  // properties used in the component
  x: string
  y: string
}
interface MyCompProps<T> {
  myInput: T
}
const MyComp = <T extends MyObjType> ({ myInput }: MyCompProps<T>) => {
  // component code
}

Popularity 3/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: generics javascript

Link to this answer
Share Copy Link

Contributed on Feb 19 2025

Clear Cow

0 Answers Avg Quality 2/10

Closely Related Answers

react player hydration error nextjs

Comment

import dynamic from 'next/dynamic'
const ReactPlayer = dynamic(() => import("react-player"), { ssr: false });

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: hydration javascript react-player

Link to this answer
Share Copy Link

Contributed on Feb 17 2025

expl0r3rgu1

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

How do you use generics with a react component?

Contents

More Related Answers