inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

웹 게임을 만들며 배우는 React에 TypeScript 적용하기

이벤트 핸들러, useRef 타이핑

18버전에서의 ReactDOM.render

658

J.M. Lee

작성한 질문수 4

1

18버전에서 컴파일은 정상적으로 되었으나 ReactDOM.render 지원이 안되다는 에러가 나옵니다.

그래서 아래처럼 변경 했는데, 이부분도 다뤄주시면 좋겠습니다.

import * as ReactDOM from 'react-dom/client';
const root = ReactDOM.createRoot(document.getElementById('root')!);

root.render(
    <React.StrictMode>
      <GuGuDan />
    </React.StrictMode>
  );

그리고 document.getElementById('root') 라고만 하면 아래 에러가 납니다.

뒤에 명적으로 정의"!" 하니 에러가 안납니다.

왜 그런건지 궁금합니다.

'HTMLElement | null' 형식의 인수는 'Element | DocumentFragment' 형식의 매개 변수에 할당될 수 없습니다.
'null' 형식은 'Element | DocumentFragment' 형식에 할당할 수 없습니다.ts(2345)

 

 

 

react typescript

답변 1

0

제로초(조현영)

ts는 dom을 몰라서 분명히 존재하는 태그도 null일 가능성을 염두에 두고 있습니다. 이럴때는 어쩔 수 없이 non null assertion을 해야 합니다.

express response 타입

0

210

1

createRoot

0

285

1

babel-loader질문입니다! 왜쓰는지 궁금합니다!

0

685

1

undefined 처리

0

493

1

compilerOptions lib 관련

0

329

1

event type 찾기

0

324

1

정확한 type vs 가독성

0

292

1

useRef에 대해 질문드립니다.

0

305

1

tsx파일에서 에러 표시

0

863

1

Props type 질문드립니다.

0

227

1

webpack.config.ts/ Could not find a declaration file for module '@pmmmwh/react-refresh-webpack-plugin'.

0

589

1

깃허브에 react-router@6 업데이트 해주신 코드 질문드립니다.

0

293

1

2강 끝말잇기 npx webpack 오류가 질의사항

0

408

1

Property 'render' does not exist on type 'IntrinsicAttributes & (PathRouteProps | LayoutRouteProps | IndexRouteProps)'.

0

716

1

webpack.config.ts import 할 때 에러좀 봐주세요!!

0

307

1

React.FC에 대해 궁금합니다.

0

701

1

가위바위보 interval 타입과 이벤트타입에 관한질문

0

343

1

npm run dev 실행은 성공적으로 되는데

0

677

2

redux 유료강좌를 듣고 와야 되는지 여쭈어보려고 합니다.

0

320

1

git 내용과 강의 내용이 달라서 여쭈어봅니다.

0

220

1

Ball.tsx 타이핑

0

322

2

react-router 버젼 업그레이드 변경사항 문의

0

285

2

리액트 타입스크립트 공식문서

0

337

1

button 클릭 할 떄 마다 더보기/닫기 에러

0

854

1