TypeError: props.refreshFunction is ... - 인프런

따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]

검색 기능 만들기 #2[삭제 예정]

TypeError: props.refreshFunction is not a function 오류

작성

1.1K

function SearchMenu(props) {
const [SearchTerm, setSearchTerm] = useState("")
const searchHandler = (event) => {
 setSearchTerm(event.currentTarget.value)
 props.refreshFunction(event.currentTarget.value)
 }

return (
<ul class="icon-container">
<li class="icon-item"><SearchOutlined style={{fontSize:'20px'}}/></li>
<li class="icon-item"><input class='searchBar' type='text' onChange={searchHandler} value={SearchTerm} style={{width:'80px', height:'20px'}}></input></li>
</ul>
)
}

위와 같이 코드를 작성하였는데 아래처럼 오류가 뜹니다..

어떻게 해결해야 될까요?

react 웹앱 redux mongodb nodejs

답변 2

proyong

질문자

예 LandingPage에서 refreshFunction 함수를 내려주었지만 오류가 나네요..

<SearchMenu 
refreshFunction={updateSearchTerm}
/>

John Ahn

지식공유자

안녕하세요 !

그 부모 컴포넌트에서 SearchMenu 자녀 컴포넌트에 해당 함수를 props로 내려주시지 않은것 같습니다

LandingPage에서

<div style={{ display: 'flex', justifyContent: 'flex-end', margin: '1rem auto' }}>
<SearchFeature
refreshFunction={updateSearchTerm}
/>
</div>

이런식으로 해주셨나요~?

인프런 커뮤니티 질문&답변

TypeError: props.refreshFunction is not a function 오류