useState2 Hooks Hooks React v16.8에 도입된 기능으로 함수형 컴포넌트에서도 useState, useEffect 등의 기능을 제공하여 다양한 작업을 지원. useState 가장 기본적인 hook으로 함수형 컴포넌트에서도 가변적인 상태를 지닐 수 있게 해준다. useEffect 컴포넌트가 렌더링 될 때마다 특정 작업을 수행하도록 설정. componentDidMount + componentDidUpdate 라고 보면 된다. useReducer useState보다 더 다양한 컴포넌트 상황에 따라 다양한 상태를 다른 값으로 업데이트 해주고 싶을 때 사용 import React, { useEffect, useState, useReducer } from 'react'; function reducer (st.. 2021. 7. 20. props / state props 컴포넌트 속성을 설정할때 사용하는 요소 { }로 감싸서 사용. import React from 'react'; const MyComponent = props => { return 오늘의 메뉴는 {props.menu}입니다. }; export default MyComponent; // 부모컴포넌트에서 props값 지정 import React from 'react'; const App = () => { return ; }; export default App; 위 내용처럼 작성하면 "오늘의 메뉴는 삼계탕입니다." 라는 내용으로 출력된다 props 기본값 설정하기 : defaultProps 위 코드에서 menu='삼계탕'을 지우면 화면에는 "오늘의 메뉴는 입.. 2021. 7. 14. 이전 1 다음
