React

Create 기능 구현

수업소개

react로 create 기능을 구현해봅니다. 

 

 

 

강의 - 베이스 캠프

 

 

 

강의 - Create 구현 : 소개

 

 

 

강의 -  Create 구현 : mode 변경

코드 변경 사항

 

 

 

강의 - Create 구현 : mode 전환 기능

코드 변경 사항

 

 

 

강의 - Create 구현 : form

 

코드 변경 사항

 

 

 

강의 - Create 구현 : onSubmit 이벤트

 

코드 변경 사항

 

 

 

강의 - Create 구현 : Content 변경

 

코드 변경 사항

 

 

 

강의 - Create 구현 : ShouldComponentUpdate 소개

 

 

 

 

강의 - Create 구현 : Immutable (불변)

 

댓글

댓글 본문
작성자
비밀번호
  1. GimoDDI
    e.target.elements.title.value
    ,e.target.elements.desc.value
    로 해보시면 잘될꺼랍니다
    대화보기
    • form 내부의 아래 부분에서
      <p><textarea name="desc" placeholder="description"></textarea></p>

      name이 desc가 아니라던가 다른 오타가 있는건 아닌지 보시면 될 것 같아요
      대화보기
      • ❓❓❓[질문]❓❓❓
        ShouldComponentUpdate 파트에 대해 궁금한게 있습니다.

        불필요한 렌더링을 줄이고 성능을 향상시키기 위해서 ShouldComponentUpdate가 있는 것 같습니다. 그런데 그렇다면 애초부터 리엑트 자체가 렌더링시 이런 기능을 기본으로 검증해서 실행시키면 편할텐데, 왜 굳이 ShouldComponentUpdate라는 함수를 따로 두어 개발자에게 따로 검증하라고 한건가요? 혹시 이 함수가 남발되면 성능이 떨어지나요?
      • 안녕하세요 이고잉님 혹시 19.5 강의중에
        <form action="/create_process" method="post"
        onSubmit={function(e){
        e.preventDefault();
        this.props.onSubmit(
        e.target.title.value,
        e.target.desc.value
        );
        }.bind(this)}
        >
        이부분에서 e.target.desc.value가 인식?이 안됩니다...
        계속 TypeError: Cannot read property 'value' of undefined
        찾을수 없다는 에러가 뜨고 e.target.desc.value를 지우고 실행을 하면 title의 value값은 에러 없이 잘되는데
        왜 그런지 찾아봐도 찾아볼수가 없어서 이렇게 질문드립니다ㅠㅜ...

        현재 19.6 강의 까지 보고 공부중인데 역시 e.target.desc.value를 빼고 실행을 하면 19.6의 내용까지 잘 실행이 됩니다... 제가 처음에 버전을 그냥 깔아서 그럴까요....
        _article = <CreateContent onSubmit={(_title, _desc) 여기서 두번째 인자를 못찾는 기분입니다..
        두서없는 질문 죄송합니다아...
      버전 관리
      egoing
      현재 버전
      선택 버전
      graphittie 자세히 보기