읽은 책/리액트

React 초보의 알아둘 내용

Choi May 2018. 9. 15. 20:27

* cmd 에서 서버 띄울때

* npm start


* 컴포넌트 끼리 데이터 교류는 부모 <-> 자식 흐름으로 교류해야 한다.


* props 

* 문자열 종류 외이 값을 컴포넌트에 전달할때는 { } 로 감싸야 한다.

* String 

<TestComponent name="etc"/>

* 그 외

<TestComponent name={4}/>


* 이벤트

* input이 많을때는 []안에 key값을 넣자.

    this.setState({

      [e.target.name] : e.target.value

    });

* DOM

* DOM 태그 사용시 꼭 닫아야 한다! 

* <button></button> , <br />

* 리액트 컴포넌트에서는 id 사용할 수 있지만, 되도록 사용하지 말자. ( 컴포넌트 끼리 id가 중복될 수 있으므로 )

* ref 를 사용하자!