리액트를다루는기술

useReducer에서 사용하는 액션 객체는 반드시 type을 지니고 있을 필요는 없다. 심지어 객체가 아니라 문자열이나 숫자여도 상관없다. 함수 내부에서 상태 값에 의존해야 할 때는 그 값을 반드시 두 번째 파라미터 안에 포함시켜 주어야 한다.

Hooks Hooks는 리액트 16.8에 새로 도입된 기능으로 함수 컴포넌트에서도 상태 관리를 할 수 있는 useState, 렌더링 직후 작업을 설정하는 useEffect 등의 기능을 제공하여 기존의 함수 컴포넌트에서는 할 수 없었던 다양한 작업을 할 수 있게 해준다

componentWillUnmount : 컴포넌트가 웹 브라우저상에서 사라지기 직전에 호출하는 메서드이다.componentDidMount 메서드

특정 input에 focus를 주어야하는 상황, 스크롤박스를 조작해야 하는 상황, Canvas 요소에 그림을 그려야 하는 상황 여러개의 동일한 DOM 중 하나의 DOM 상태를 변경해야 하거나,DOM의 위치에 따라 상태의 변화가 일어나야 할 때 ref를 사용한다.ref를

React Event는 SyntheticEvent로 발생한다.SyntheticEvent는 NativeEvent와 달리 이벤트가 끝나고나면 이벤트가 초기화 되므로 정보를 참조할 수 없다.예를 들어, 0.5초 뒤에 e 객체를 참조하면 e 객체 내부의 모든 값이 비워지게 된

const useState = value,setterfunctionconst value,setterfunction = useState('initial value')value의 자리에 오는 값은 숫자,문자열,객체,배열 어떤 값이든 상관 없다.

currentValue : 배열 내 요소index : 요소의 배열번호각 항목을 더블클릭했을 때 해당 항목이 화면에서 사라지는 기능을 구현해보자. state는 불변성을 유지하면서 업데이트해 주어야 한다. 불변성을 유지하면서 배열의 특정 항목을 지울 때에는 배열의 내장 함