React

다음과같이 ref를 사용하여 파일을 this.fileUpload에 저장하여 사용하는방법이있다.하지만공식문서에서 ref를 남발하지말라고 하였으니 조심하여 사용하자 다음은 e.target.files를 사용한 파일접근법이다.타입스크립트를 사용하여 타입을 추가로 지정하였다 함수형으로 사용할시 bind(this)를 해줘야 한다. formdata에 삽입하여 a...

리액트는 setState를 만나면 모든 객체를 추출하여 merge하여 단일 객체를 형성한 후 setState를 실행하는데 동일한 키를 갖고 있다면 마지막으로 전달된 키가 우선된다.예제의 3번째 setState만 실행된다.이러한 코드도 비동기성때문에 위험하다하지만 함수형

함수형 컴포넌트에서 동일 state값을 변경시키고자 하는 setState를 훅을 2번실행시 마지막 setState훅만 실행된다.함수형 컴포넌트에서 setState를 2번실행시 키값이 같다면 마지막 setState만 실행됐었는데 훅에서도 마찬가지로 마지막 state변경만

-for문안에서 useState나 setState를 쓰지 않는다. setState는 state값을 즉시 바꾸지 않고 pending 상태로 변환한다.따라서 setState후 state값에 접근하는것은 존재하던 값을 반환한다.setState가 동기적으로 작동한다고 생각하면

숫자를 문자열로 변환해야 되는경우가 있었는데 JSON.stringfy를 해도 문자열로 바뀌지 않는 상황이 있었는데 템플릿 리터럴로 문자열로 변환하였다.