inflearn logo
강의

Course

Instructor

Blockchain Ethereum ERC721 (NFT) implemented with React

Drizzle component implementation practice (2) - context API (legacy)

TypeError: Cannot read property “drizzle” of undefined

271

Seung Eon Kim

16 asked

1

MainComponent 의 Constructor 를 코딩 후 실행하면 웹 페이지에 다음과 같은 에러 화면이 출력됩니다. 

TypeError: Cannot read Property "drizzle" of undefined

Class MainComponent extends Component {

    Constructor(props, context) {

        Super(props);

        This.contracts = context.drizzle.contracts;

....

}

최신 Truffle 문서 내 예제도 동영상가 같은 코드를 사용하는 것으로 보아 버전 이슈는 아닌 것으로 보이고 구글 검색해 보면 drizzle 초기화와 관련된 것 같은데 원인은 잘 모르겠습니다. 

확인 부탁 드립니다. 

Ethereum react

Answer 2

1

Seung Eon Kim

말씀하신 부분이 있는데도 발생하고 있어서 문의드렸던 건데 2~3번 반복해서 보다보니 오타로 인한 저의 실수였네요..

답변 감사합니다. 

1

coldmind

DrizzleProvider로 드리즐 스토어를 생성했을 것으로 생각됩니다. 이 경우에는 리액트의 Legacy Context API를 사용합니다.   혹시 아래와 같은 부분이 누락되었는지 확인해보세요. 

MainComponent.contextTypes = {
    drizzle: PropTypes.object
}

실습자료에 drizzle을 컴포넌트에서 어떻게 참조하여 나와 있으니 실습자료를 함께 보면서 진행하면 더 효과적일 듯 합니다.  관련된 내용으로 무료 강좌가 있으니 참고하시면 더 좋을 것 같습니다.

명시적 타입 선언(콜론 타입 선언)과 as 타입 단언 차이

0

9

1

max x5 플랜을 결제했습니다.

0

14

1

클로드 초기 설정

0

13

1

사용자 스코프 설정 파일 적용 문제

0

10

1

클로드코드 유료플랜 할인 방법이 있을까요?

0

27

0

API Error : 400 에러의 원인과 해결방법이 궁금합니다!!

0

18

2

퍼미션 권한 설정 문의

0

21

2

커서에서 shift+enter가 안됩니다.

0

23

2

mcp 설치를 못하겠어요

0

36

2

라이브러리 관련 질문 있습니다!

0

28

2

output-styles은 Claude Code의 공식 기능이 아니라고 하는데 혹시 변경된걸까요?

0

26

2

클로드 변경

0

26

2

/config 에서 output-style 을 변경

0

25

1

프로젝트 구성에 대해서 질문을 드려봅니다.

1

359

1

기본인터페이스에,

1

264

1

부트스트렙

1

253

1

IPFS

2

335

1

이더스캔 사이트 문의

1

413

1

안녕하세요 선생님

1

187

1

버전차이

1

243

3

module not found.

1

242

1

컴파일 오류 : MainContainer.js

1

277

2

Import 경로 설정 문의

1

242

2

컨트랙트 구현1

0

266

2