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