추가적인 템플릿 코드없이, HTML 작성과 함께 javascript를 사용할 수 있게 되었다. 이게 엄청난 효율을 가져올 수 밖에 없었다. {중괄호} 하나만 더 추가되면 너무 큰 이점이 있었다는 것이 매우 유용했다.
import React from "react";
const getTitle = title => {
return title;
};
function App() {
return (
<div>
<h1>Hello {getTitle("Title")}</h1>
<label htmlFor="search">Serach: </label>
<input id="search" type="text" placeholder="안녕하세요" />
</div>
);
}
export default App;
'React & TypeScript > React' 카테고리의 다른 글
[React] 10. React 상태 올리기 (React Lifting State Up) (0) | 2021.01.21 |
---|---|
React Hook 개념 요약 (0) | 2021.01.20 |
React LifeCycle 생명주기 (최대한 쉽게 설명) (0) | 2021.01.15 |
React Component 생성 & 사용하는 방법 (0) | 2021.01.07 |
PureComponent와 Component의 차이 (0) | 2021.01.04 |
State & Props 정의 (0) | 2020.12.21 |
React Hook이 생긴 이유... (0) | 2020.12.17 |
댓글