TIL38

shnae·2023년 12월 12일
0
post-thumbnail

React

Outlet

Outlet은 부모 Route 컴포넌트에서 사용되어 자식 Route 컴포넌트를 렌더링한다. 이를 통해 자식 Route가 렌더링될 때 UI가 중첩되어 표시된다.

Functional Component

  • generic은 타입을 주입시킨다 -> props로 사용한다
  • interface로 정의한 타입을 사용할 수 있다

PFP-Project

Layout 컴포넌트

  • Layout에 web3 컴포넌트를 넣어줬다 (최상위급 컴포넌트이기 때문에)
  • 컨트랙트를 2개를 만들 예정: mint, -> 네이밍 잘 알아볼 수 있게 해주는게 중요하다
  • provider 있으면 실행되도록 설정
  • abis 폴더를 배치한 이유는 여러 abi 파일을 관리하기 위해
  • mint 기능을 home, my, sale에서 사용할 예정
  • react router-dom Outlet을 사용함
  • useOutletContext: useContext보다 쉬워서 사용함
  • 제네릭 안에 제네릭을 또 줄 수 있다. 바깥에서 주입받아서 세팅할 수 있음.
    useState<Contract<ContractAbi>>

0개의 댓글