react.js 시작하기 190801 - function 정의와 사용

class 내부에서 함수를 만들고 함수 불러오기

class App extends Component {
  //함수 만드는 방법 1
  f1 (){
    console.log(`f1`);
  }
  //함수 만드는 방법 2
  f2 = function (){
    console.log(`f2`);
  }
  //함수 만드는 방법 3
  f3 = ()=>{
    console.log(`f3`);
  }
  //함수 안됨 ? -> function +f2 or f3이렇게 하면 안된다
  render() {//그린다 render는 함수!
    return (
      <div>
        <button onClick={this.f1}>보땅1</button><br/>
        <button onClick={this.f2}>보땅2</button><br/>
        <button onClick={this.f3}>보땅3</button><br/>
        {/* 
        <button onClick={this.f3()}>보땅3</button><br/> 
        이렇게 부르면 아예 이 페이지가 로드될때 함수가 call 되어버린다	
        */}
      </div>
    );
  }
}