림찌의 개발일기 💻

클래스형 컴포넌트와 함수형 컴포넌트의 비교를 위해 간단한 끝말잇기 예제를 가져왔다. 클래스형 컴포넌트 class WordRelay extends Component{ state = { //state를 먼저 이렇게 선언 word: '리액트', value: '', result: '', }; // 끝말잇기 오답 체크 onSubmitForm = (e) => { e.preventDefault(); if(this.state.word[this.state.word.length - 1] === this.state.value[0]{ //마지막 word의 첫번째와 지금 적은 값의 첫번째가 같으면 실행 this.setState({ result: '딩동댕, 이어서 작성해주세요', //정답일시 나오는 문구 word: this.st..