React

댓글

댓글 본문
작성자
비밀번호
  1. 완료
  2. 이제시작
    완료
  3. 소윤호
    this bind 에 대한 설명을 적어볼게요

    ex)
    function a(x, y, z){
    console.log(this, x, y, z);
    }
    var b = {
    c: 'test'
    }
    var d = a.bind(b, 1, 2, 3);
    d();

    ------------------------------------
    결과)

    {c: "test"} 1 2 3 이렇게 나옵니다.
    즉 bind는 이벤트의 this를 연결고리라고 생각하면 될것 같습니다.
    -------------------------------------------------------------------------------

    bind 함수 쓰기 싫어서 찾아봤습니다. => 함수를 사용 하면 됩니다.

    handleClick = (e) => {
    e.preventDefault();
    this.setState({
    mode:'Welcome',
    })
    }

    render()함수 위에 handleClick 함수를 작성하고 클릭 대상에게 onClick으로 this를 연결시켜주면 끝입니다.

    <h1><a href="/" onClick={this.handleClick}>{this.state.Subject.title}</a></h1>
  4. 리아포
    복습 중에 궁금한 것이 하나 생겨서 여쭤봅니다^^ onChangePage 함수를 이벤트를 통해 실행시키는 onClick 함수에서는 e.preventDefault()를 해주는데, 함수 onChangePage를 정의할 때는 왜 e.prenventDefault()를 하지 않나요?
    이벤트를 실행할 때 페이지 리로드가 되기 때문에, state만 변경시켜주는 onChangePage는 e.preventDefault()를 해줄 필요가 없어서 그런게 맞을까요?
  5. 리아포
    잘 봤습니다! 감사합니다:)
  6. 폭스킴
    혹시 이 챕터만 들으시고 안 들으실까봐 답글 드립니다.
    이고잉님 이메일 공지에 따르면,
    앞으로도 5월 1일까지 두 챕터를 더 공개하실 예정이예요~
    매일 오전 11시에 공개하신다고 합니다.
    이게 마지막이 아니예요~ ^^
    대화보기
    • 용영에쥬
      이고잉님! 안녕하세요!
      React 강의 열심히 듣고 있습니다!
      React의 마지막 챕터인 이벤트는 언제 업로드 해주시나요?
    버전 관리
    egoing
    현재 버전
    선택 버전
    graphittie 자세히 보기