리엑트

    [ React + Firebase ] It looks like you're using ... warning 해결하기

    안녕하세요? 수구리입니다. 이번 포스팅에서는 React와 Firebase 사용 시 발생하는 오류에 대해서 알아보겠습니다. 우선 앱 실행 후 F12로 console 창을 열어서 확인을 해보면 아래와 같은 이미지가 보입니다. 발생 원인 이는 Firebase 모듈을 사용하는데 import 과정에서 해당 모듈을 통째로 불러와서 생기는 오류입니다. 저같은 경우는 firebase를 설정해주는 부분에서 firebaseConfig를 정의해서 firebase를 initializeApp(초기화)를 해주었습니다. 이 과정에서 import 시 아래와 같은 모습으로 진행하였습니다. import firebase from "firebase"; 위와 같이 firebase 모듈을 통째로 불러다가 쓰는 경우 발생하는 warning 입니..

    [React Error] expected `onclick` listener to be a function, instead got a value of `object` type.

    안녕하세요? 수구리입니다. React를 혼자서 공부를 하던 도중 뭔가 이런 에러가 자주 보여서 기록을 해두면 좋을 것 같아서 글을 쓰게 되었습니다.. 우선 위의 에러가 발생하는 상황을 설명하자면.. 부모 컴포넌트에서 자식 컴포넌트에게 무엇인가 전달을 할 때이다. 예를 들어 상태가 담긴 배열이라던지,, 또는 부모 컴포넌트에 있는 Trigger 함수라던지 등등을 보낼 때 발생한다. 좀 더 자세히 들어가 보면 export class MainPanel extends Component { state = { // 부모 컴포넌트에서 state, trigger 함수 정의 searchTerm: "", searchResults: [], searchLoading: false, }; // 트리거 함수 handleSearchC..