티스토리 뷰

TIL Today I Learned

[TIL]200828

adore_voy 2020. 8. 28. 20:28

- 컴포넌트는 HTML을 반환하는 함수임.

 ReactDOM.render(<App />, document.getElementById('certainId'));

여기서 컴포넌트는 <App />.

- 모든 컴포넌트 파일의 시작은 아래와 같이 써야 한다. 그렇지 않으면 jsx를 이용한 컴포넌트 사용에 대한 이해를 하지 못함.

import React from "react";

- 컴포넌트 함수의 앞은 대문자. 

function Bluebtn(){};
export default Bluebtn;	//꼭 이렇게 호출해야함

- 리액트 앱은 하나의 컴포넌트만 렌더링할 수 있다. 그렇기 때문에, 해당 컴포넌트 내에 또 다른 컴포넌트를 import 할 수 있다는 것.

 

- map()은 각각의 배열 요소들에게 원하는 함수를 부여한다. 엥 그러면 배열에는 for문을 안써도 되는건가?

- PropTypes는 타입에 대해 쓰는 걸 보니 뭔가 타입스크립트 같다.

Something.propTypes = {
	name: PropTypes.string.isRequired,	//꼭 스트링 존재해야함
    address: PropTypes.number.isRequired,	//isRequired가 있으면 꼭 숫자 존재해야함
    age: PropTypes.number	//이렇게 되면 굳이 숫자 없어도 됨. 대신 있다면 타입은 숫자여야함.
}
반응형

'TIL Today I Learned' 카테고리의 다른 글

[TIL] 200830  (0) 2020.08.30
[TIL] 200829  (0) 2020.08.29
[TIL]200827  (0) 2020.08.28
[TIL]200826  (0) 2020.08.26
[TIL]200825  (0) 2020.08.25
댓글