inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기

드랍존 에러 질문드립니다 저번에도 질문 드렸는데 답을 안 해주셔서 다시 써요ㅠㅜ

233

sj p

작성한 질문수 9

0

드랍존에 영상을 마우스로 끌어와서 하는건 작동이 되는데

드랍존 클릭을 하면

Uncaught TypeError: inputRef.current.click is not a function

이런 에러가 뜹니다. 해결 방법 좀 부탁드릴게요ㅠㅜ

mongodb nodejs react redux

답변 2

0

John Ahn

inputRef가 어디에도 없는건가요?    혹시   Command + F 키를 이용해서 inputRef 찾아보시겠나요? 그 해당 파일에서요 ~ 

0

sj p

네 윈도우리 컨트롤F로 찾기는 했는데 해당 파일에 inputRef는 없습니다...ㅠㅜ

0

sj p

아 input 태그를 Input 태그를 사용했었네요

소문자로 바꾸니까 해결됐습니다...

근데 대문자로 하면 inputRef 에러가 뜨는 이유가 뭔지 모르겠네요...

0

John Ahn

안녕하세요 sj p 님 
다시 질문 주셔서 감사합니다 !  
아마 제가 사용한 소스 코드랑 다른걸 사용하신것 같아요 ! 
inputRef가 나온걸 보니깐요 ~! 

<Dropzone onDrop={onDrop}
multiple={false}
maxSize={800000000}>
{({ getRootProps, getInputProps }) => (
<div style={{ width: '300px', height: '240px', border: '1px solid lightgray', display: 'flex', alignItems: 'center', justifyContent: 'center' }}
{...getRootProps()}
>
<input {...getInputProps()} />
<Icon type="plus" style={{ fontSize: '3rem' }} />

</div>
)}
</Dropzone>

제가 강의에서 사용한 소스코드는 이건데 한번 비교해봐주실래요?! 

0

sj p

아래가 제 코드인데요

plus icon을 강사님의 코드로 하면 antd가 에러를 띄워서

최신 antd가 추천해주는 태그로 바꾼거 말고는 그대로입니다.

그래도 inputRef가 나옵니다ㅠㅜ

<Dropzone
                        onDrop = {onDrop}
                        multiple = {false}
                        maxsize = {800000000}>
                        {({getRootPropsgetInputProps,}) =>(
                            <section>
                                <div
                                    style={{width:'300px'height:'240px'border:'1px solid lightgray'display:'flex',
                                        alignItems:'center'justifyContent:'center'}} {...getRootProps()}>
                                    <Input {...getInputProps()}/>
                                    <PlusOutlined style={{fontSize:'3rem'}}/>
                                </div>
                            </section>
                        )}
                    </Dropzone>

npm i하면 바로, 라이브러리 오류없이 받아지고, 구동되는 소스는 없나요?

0

52

1

ERROR in ./node_modules/antd/es/version/index.js 2:15-22

0

221

1

자료 없음

0

321

1

이미지 깨짐

0

334

1

npm run dev 동작 에러

0

304

1

npm run dev 동작 에러

0

294

1

npm run dev 동작에러납니다...

0

660

1

npm run dev 실행 오류

0

653

1

비디오 업로드, 로그인, 회원가입 504 error

0

1056

1

시작부터 오류생기시는 분들 해결법입니다.

1

466

1

오류 해결 공유

0

458

1

npm install 에러 질문드립니다.

0

1120

2

아예 몽고DB에 연결한다고만 하고 연결이 안되고 있습니다.

0

550

1

해당 오류 해결 방법 좀 알려주세요 ㅠㅠ

0

515

1

로컬스토리지에 대한 질문입니다!!

0

515

0

video가 안 나타나는 문제

0

893

1

ffmpeg 설치 후 cannot read property 'format' of undefined 500 에러 해결

0

470

0

typeError or 콘솔 500 뜨는분..

0

336

0

npm run dev 관련 오류

0

578

1

답글이 달리지않고 디비에도 저장되지않으며 새로고침이 됩니다.

0

246

0

useState 자동 생성

0

344

1

TypeError: Cannot read properties of undefined (reading 'format')

0

1243

2

userData undefined / state에 user.userData가 없습니다.

0

246

0

antd Input background color 변경

0

236

0