MAKE YOUR REACT COMPONENT GENERICS

有時候太久沒寫前端會忘記 react 配 typescript 該怎麼寫有點煩,筆記一下

const Table: React.FC<TableProps> = (props) => {
  return (
  ...
  )
}

定義 component 的方式

const Table = <T extends {}>(props: TableProps): JSX.Element => {
  return (
  ...
  )
}
const Table = <T extends {}>(props: TableProps): JSX.Element => {
  return (
	<TableRowExpansion<T> />
  )
}

如果下面的 component 也是 generic

Make your react component generic

By Jay Chou

Make your react component generic

  • 140