react.js 시작하기 190806 - 복습2

class App extends Component {
  state ={
    num:10
  }
  constructor (){
    super()//이것도 상속받은 생성자는 무조건 해라
    this.f2 = this.f2.bind(this)//이렇게 해야 함수를 사용할수 있다.
  }
  f1 = ()=>{  
    console.log(`f1 call`);
    console.log(this.state.num);
    
  }

  f2 = function (){
    console.log(`f2 call`);
    //console.log(this.state.num);//이건 터져
    //살찐 애로우만 가능쓰
    //살찐 애로우를 사용하면 자동으로 바인딩 된다
  }
  ....

f2에서 state를 바인딩을 시켜줘야 사용가능쓰

 

이거보면 render()안에서 함수사용

b=20		//함수 밖 사용
render() {
    let a = 10
    function f3() {
      console.log(`f3 call`,a);
    }
    return (
      <div>
        <h1>App.js</h1>
        <button onClick={this.f1}>f1</button>
        <button onClick={this.f2}>f2</button>
        <button onClick={f3}>f3</button> {/*이렇게 사용해야 f3이 불러진다*/}
        
        <Bpp/>
      </div>
    );
  }

전역 변수를 사용할 수 있는 공간을 만들어준다. -> 리덕스