React 사용 중 문법 질문

Question

안녕하세요.. 질문드리기가 좀 부끄럽기도 한데 도저히 잘 모르겠는 부분이 있어서올려보게 되었습니다. 자바스크립트 초보라서 문의드립니다.. 리액트이고, Component 구성 중 생긴 오류입니다. App.js 에서 class App extends Component{ constructor(props){ // state 에 넣는거랑 여기서 this.content_ = 2; 이런식으로 // 넣는거랑 무슨 차이가 나는 걸까? super(props); this.state = { search_keyword: '', selected_index: -1, contactData : [ {id:0, name:'Dain', phone:'010-1111-2222'}, {id:1, name:'Jesus', phone:'010-3333-4444'}, {id:2, name:'Solo', phone:'010-5555-6666'}, {id:3, name:'Hailey', phone:'010-7777-8888'} ] } } 와 같이 contactData 를 넣었습니다. 이 중 한 객체 값 {id:0, name: 'Dain', phone:'~~'} 을 Component 에게 전달해서 다음과 같이 받았습니다. export default class App extends Component{ render(){ let contact = this.props.selectedContact; debugger; let details =

; const blank = (

Not Selected

); debugger 시점에서 contact 를 확인해보면 객체 값이 잘 받아와져 있는 상태인데, 그 바로 아래에서 contact.name 혹은 contact.phone 을 통해서 내부 값들을 받아오려 하면 에러가 발생합니다. 예를 들어 이름값을let userName = contact.name 으로 하면 에러가 발생하는데,,, 왜 이런걸까요? debugging console 에서 확인했을 때도 contact 의 값을 사용하려 하면 undefined 로 조회가 됩니다. 혹시 왜 이런 상황이 발생하는지 알 수 있을까요??React , JS 를 배워나가고 있는 시점이라, 선배님들의 도움 부탁드립니다 ㅠㅠ

쓰로우내인생익셉션 · Answer

defaultProps 세팅 때문이였던 것 같습니다! 아무것도 받지 않을 경우를 위해 defaultProps 를 세팅해줘야 한다고 하네요

React 사용 중 문법 질문

1개의 답변

Q&A 목록