반응형
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- TypeScript
- 리액트
- scss
- App.vue
- 댓글달기
- 쉬운설명
- State
- input
- webpack
- mapGetters
- Vue.js
- MySQL
- CSS
- Vue transition
- Vue
- event
- JavaScript
- express
- storybook
- 자바스크립트
- 자료구조
- ES6
- sass
- nodejs
- Wecode
- vuex
- v-html
- react
- jsx
- HOC
Archives
- Today
- Total
목록PropTypes (1)
익명의 개발노트
리액트 JSX 문법 및 props, PropType
JSX는 리액트에서만 사용가능한 자바스크립트 문법이다. 규칙 1. return 받는 컴포넌트들은 하나의 부모컴포넌트로 쌓여있어야함. 2. JS 문법을 사용하고 싶으면 {}를 치고 그 안에 사용해야함. 3. 템플릿 사용시 문법이 약간다름. 아래와 같이 2개 만들어봤다. 속성부여하는 법을 보자. 1. 부모 컴포넌트 class App extends Component{ render() { return ( ); } } export default App; 2. 자식컴포넌트 class MyComponent extends Component{ render(){ return ( 내이름은 {this.props.name}이야. .{/*props사용시 this붙여야함. */} ) } } Props는 3가지 방법으로 컴포넌트에 ..
프로그래밍/ReactJS
2019. 4. 23. 11:07