출처: https://ko.reactjs.org/docs/components-and-props.html데이터를 가진 하나의 "props" 객체 인자를 받은 후 React Element를 반환합니다. 따라서 유효한 Component입니다. JS 함수기 때문에 함
Component를 완전히 재사용하고 캡슐화하는 방법을 알아야 합니다. 위 코드와 아래 코드의 차이는 function tick과 Clock에 차이가 있습니다.ReactDOM.render 부분에 element 대신 Clock Component를 가져오면서 구현하였습니다.
React의 이벤트는 소문자 대신 camelCase를 사용합니다. 바른 사용법 onClick={activateLasers} 입니다. onClick="activateLasers" 아닙니다. 반드시 preventDefault를 호출해야 합니다. flase를 반환해도 기
React에서는 원하는 동작을 캡슐화하는 컴포넌트를 만들 수 있습니다. 앱 상태에 따라 컴포넌트 중 몇 개만을 렌더링할 수 있습니다.React에서 조건부 렌더링은 JS에서의 조건 처리와 같이 동작합니다. if나 조건부 연산자와 같은 JS 연산자를 현재 상태를 나타내는
아래는 map()함수를 이용하여 numbers 배열의 값을 두 배로 만들어 반환하는 배열을 doubled 변수에 할당하고 로그를 확인해보겠습니다.React에서 배열을 엘리먼트 리스트로 만드는 방식은 거의 동일합니다.엘리먼트 모음을 중괄호 {} 를 통해 JSX에 포함 시