[React] 9. react 옛날 문법

Component만들기

class : 변수/함수 보관하는 덩어리

extends : 오른쪽에 있는 놈의 성질을 물려받겠습니다.

constructor : class의 변수/초기값 저장할 때 쓴다.

state는 constructor 안에 작성

state 꺼내쓰려면 this.state.state변수명

class Profile extends React.Component {
    constructor(){
        super();
        this.state = { name : 'kim', age : 30 }
    }
    
    changeName(){
        this.setState( {name : 'Park'} )
    }
    
    render(){
        return (
            <div>
                <p>저는 {this.state.name} 입니다.</p>
                <button onClick={ ()=>{ this.changeName.bind(this) }>버튼</button>
            </div>
        )
    }
}

this.setState는 완전히 대체하지 않는다.

 

bind쓰기 싫으면 함수에 ()=>{} 쓴다.