🟦 [React] console.log가 setFilteredResult: function () { [native code] } 이렇게 뜰 때

 

✔  setFilteredResult: function () { [native code] } 가 나온 이유

=> 함수를 문자열로 변환하려고 해서 console에서 함수인 것과 react code라고 알려주는 것

✔ [native code]란?
=> JavaScript 엔진이 제공하는 기본 함수(즉, 네이티브 코드로 구현된 함수)라는 뜻

const [filteredResult, setFilteredResult] = useState("");

// 잘못된 방법
console.log(`setFilteredResult: ${setFilteredResult}`);

// 올바른 방법
console.log("setFilteredResult:", setFilteredResult);
console.log(setFilteredResult);

 

useState는 [상태 값(배열), 상태를 변경하는 함수] 이므로 setFilteredResult는 함수를 뜻 함

 

📚 해결 방법 📚

console.log("setFilteredResult:", setFilteredResult); => 문자열도 같이 출력하고 싶을 때

console.log(setFilteredResult); => 함수만 실행