고정 헤더 영역
상세 컨텐츠
본문 제목
[ React.js ] 에러 VM42:9 Uncaught TypeError: Super expression must either be null or a function, not undefined
본문
반응형
수정 21.09.01.10:11
에러해결 - ReactDOM.Component => React.Component
DOM이 아니라 그냥 React만 호출해야했다.
VM42:9 Uncaught TypeError: Super expression must either be null or a function, not undefined
React.js 하던와중 갑자기 이런 에러가 발생
왠지모르겠음..
super()를 선언할때 인자로 null 혹은 function이 들어가야하는데 undefined가 들어갔다. 라는 뜻 같은데..
props에 해당하는 부분이 undefined 된건가?
흠.
코드는 대충 클릭이벤트 함수를 생성한것인데, 이렇다.
<body>
<div id="root"></div>
<script type="text/babel">
class App extends ReactDOM.Component {
constructor (props) {
super(props)
this.state = {
count : 0
}
this.countUp = this.countUp.bind(this)
}
render () {
return (
<div>
<h1>클릭한 횟수 : {this.state.count}</h1>
<button onClick={this.countUp}>클릭</button>
</div>
)
}
countUp (event) {
this.setState({
count: this.state.count + 1
})
}
}
const container = document.querySelector("#root")
ReactDOM.render(<App />, container)
</script>
</body>
'FrontEnd > React.js' 카테고리의 다른 글
| [ React.js ] input, onChange 이벤트, 입력창 핸들링, 예제 (0) | 2021.09.01 |
|---|---|
| [ React.js ] 클릭 이벤트 구현 , 버튼 클릭 시 값 증가, 예제 (0) | 2021.09.01 |
| [ React.js ] 현재 시각 시계 만들기 예제 (0) | 2021.08.30 |
| JSX 기본 문법 - 기초 (0) | 2021.08.27 |
| [ React.js ] Render - 함수형으로 출력하자. - 예제 / 고양이 사진 출력하기 (1) | 2021.08.26 |
댓글 영역