반응형 React2 Styled Components Styled Components를 사용하면 Sass를 따로 설치하지 않고도 사용할 수 있고 클래스명 없이도 스타일을 작업할 수 있다. 설치 : npm install --save styled-components import React, { Component, Fragment } from "react"; import styled, { createGlobalStyle } from "styled-components"; const GlobalStyle = createGlobalStyle` body { padding: 50px; margin: 0; background: pink; } `; class App extends Component { render() { return ( Hello Hello go to Goo.. 2019. 12. 8. smart component, dumb component 리액트에서 컴포넌트를 정의할때 es6의 class문법을 사용합니다. 컴포넌트에서 라이프사이클을 사용해야 하거나 state를 사용해야 할때는 꼭 이렇게 사용해야합니다. 이것을 Smart Component 혹은 Container라고 부릅니다. import React, { Component } from 'react'; class App extends Component { render() { return ( Hello {this.props.name} ); } } export default App; 라이프사이클을 사용할 필요가 없거나 state도 사용할 필요가 없고 단순히 렌더만 해줘야한다면 아래처럼 컴포넌트를 만들 수 있습니다. import React from 'react'; function App(props).. 2019. 12. 2. 이전 1 다음 반응형