[03/06] 8장: 8장 JSX에서 TSX로

[loopy-lim]

• 여러분들은 React.FC를 적용하시나요?

• 솔직히 이건 좀 보고 놀랐어요.

  declare global {
  	namespace JSX {
  		inerface Element extends React.ReactElement<any, any> {}
  	}
  }

• ReactElement와 ReactNode는 언제 어디서 사용할 수 있을까요?

  • ReactElement와 JSX.Element의 차이점에서 props타입을 적을 수 있다는게 놀랍네요.

• 최근 프로젝트에서 이야기 했었던 것도 나왔었네요. DetailedHTMLProps, ComponsntWithoutRef

• 제네릭 컴포넌트

  interface SelectProps<OptinoType extends Record<string, string>> {
  	option: OptionType;
  	selectedOption?: keyof OptionType;
  	onChange?: (selected?: keyof OptionType) => void;
  }
  
  const Select = <OptionType extends Records<string, string>>({
  	options,
  	selectedOption,
  	onChange,
  }: SelectProps<OptionType>) => {
  	// Select component implementation
  };