[2025.03.14] 날아간 오류일기,,,,

오류일기가 날아갔다,,, 뭐 별로 중요한 거 없겠지,,,

 

'{ searchKeyword: string; }' 형식은 'string' 형식에 할당할 수 없습니다.

      <SearchResult searchKeyWord={currentValues.search} />

import React from 'react'

interface SearchResultProps {
    searchKeyWord: string 
}

const SearchResult = (KeyWord: SearchResultProps) => {
  return <div>{KeyWord.searchKeyWord}</div>;
};

export default SearchResult

 우선 interface로 props의 타입을 지정해주고 받아오니 문제가 해결되었다.

아마 search가 { search : ~~ } 이런 식으로 받아와서 그런 것 같다. 근데 아이러니하게 currentValues.search라고 명확하게 명시했는데, 생각해보니 { searchKeyword: string; } 오류에 이렇게 적혀있는 것을 생각하면 아마 전달될 때 그냥 전달되는 것이 아닌 대괄호에 들어가서 전달되기 때문에 이 친구가 그 대괄호를 벗기지 못해서 오류가 생긴 것 같다. 

 

다음에는 props받을 때 그냥 interface 선언해서 받는 게 편할 것 같다.

 

api 호출이 되지 않는다