inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

리액트로 구현하는 블록체인 이더리움 ERC721(NFT)

드리즐 컴포넌트 구현 실습(2) - context API(legacy)

TypeError: Cannot read property “drizzle” of undefined

269

Seung Eon Kim

작성한 질문수 16

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

답변 2

1

Seung Eon Kim

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

답변 감사합니다. 

1

coldmind

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

MainComponent.contextTypes = {
    drizzle: PropTypes.object
}

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

161강 자료 파일 안에 내용이 없네요.

0

3

1

/ide 명령어 실행 오류

0

6

1

Next.js 사전렌더링 이해하기 부분

0

6

1

subagents에 관한 질문이 있습니다.

0

10

1

클로드 코드 설치가 되지 않습니다...

0

16

1

output sytles 모든 프로젝트 적용시 디렉토리가 헷갈립니다 ㅠㅠ

0

15

1

터미널 줄바꿈 세팅

0

16

1

setting.json과 setting.local.json

0

16

1

카드 뉴스 만들기..

0

19

0

기존 mcp를 플러그인으로 대체

0

15

1

바이브코딩을 하는 개발자(작업복잡도 판단의 어려움)

0

16

1

커서에서 클로드 코드 실행했는데 쉬프트 +엔터가 안먹히는데요.

0

11

1

claw code 에 대해서는 어떻게 생각하시나요?!

0

21

1

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

1

359

1

기본인터페이스에,

1

264

1

부트스트렙

1

251

1

IPFS

2

335

1

이더스캔 사이트 문의

1

412

1

안녕하세요 선생님

1

187

1

버전차이

1

242

3

module not found.

1

242

1

컴파일 오류 : MainContainer.js

1

276

2

Import 경로 설정 문의

1

242

2

컨트랙트 구현1

0

265

2