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>>