Programming/react.js2019. 1. 31. 19:31

찾으려고 하던 내용

모듈 시스템에 대해 알아보겠습니다. ES2015에서 바뀐 것들 중에서 가장 획기적이라고 생각하는 변화입니다.


첫 번째는 그냥 React인데, 두 번째는 { render }처럼 괄호 안에 감싸져 있네요. 간단한 차이가 있습니다. export 방식의 차이입니다. 모듈을 불러올 때 import라고 써주는 것처럼, 모듈을 다른 파일로 보내려면 export라고 명시적으로 써줘야 합니다. Example.js 파일을 보죠. 

[링크 : https://www.zerocho.com/category/ECMAScript/post/579dca4054bae71500727ab9]



+

요건 JSX에서의 {}의미


{}를 감싸면 프로퍼티나 자식으로 던질수 있다는데 무슨 의미야 -ㅁ-

JavaScript Expressions as Props

You can pass any JavaScript expression as a prop, by surrounding it with {}. For example, in this JSX:


JavaScript Expressions as Children

You can pass any JavaScript expression as children, by enclosing it within {}. For example, these expressions are equivalent:

[링크 : https://reactjs.org/docs/jsx-in-depth.html]

'Programming > react.js' 카테고리의 다른 글

react store / flux pattern  (0) 2019.02.01
react.js context, component thru  (0) 2019.02.01
react html to jsx  (0) 2019.01.29
webpack react  (0) 2019.01.28
react.js tutorial  (0) 2019.01.28
Posted by 구차니