react2 Context API props문법을 사용하지 않고 하위 컴포넌트와 같은 값을 공유하는 방법 import { useContext } from 'react'; let stockContext = React.createContext(); // 범위 생성 문법 // 위에 context로 선언한 변수를 이용하여 아래처럼 작성한다. value라는 이름은 고정값이다. // 이렇게 작성하고 나면 해당 블록 안에서는 stock을 공통으로 공유한다. { shoes.map((data, index) => { return }) } function ShoesInfo(props) { // useContext라는 훅을 이용하여 stockContext를 변수에 담았다. 이제 사용 가능하다. let stock = useContext(stockContext).. 2021. 11. 3. styled-components css-in-js 즉, js파일 안에 css를 설정할 수 있는 컴포넌트라고 보면 된다. 사용법은 아래처럼. App.js import styled from 'styled-components'; let TestComponent = styled.div` font-size : 12px; color : #ff0000; `; let TestComponentWithProps = styled.h4` font-size : 30px; color : ${ props.임의의컬러 }; `; return ( ) yarn add styled-components 명령어로 모듈을 설치하고 import한다. 대문자로 시작하는 변수를 생성하여 TestComponent 처럼 작성하되, 아래 WithPorps처럼 Props문법을 이용하여 공.. 2021. 10. 27. 이전 1 다음