React hook is called in a function which is neither a React function or a custom React Hook

 

결론 : 컴포넌트 생성할 때는 무조건 대문자로 한다

 

https://www.youtube.com/watch?v=KxHOHg5raQ4&t=436s

• 여기에도 소개 되었다

 

import React from 'react'
import "./PortfolioList.scss"

function portfolioList({title, active, setSelected, id}) {
    return (
        <li className={active ? "portfolioList active" : "portfolioList"} onClick={()=> setSelected(id)}>
            {title}
        </li>
    )
}

export default portfolioList

위 예시에서 발생하였습니다. 처음 jsx파일을 만들었을 때 portfolioList로 생성했는데 글자 맨 앞이 소문자로 선언했다면 hook을 사용할 때 에러가 발생하게 됩니다.

import React from 'react'
import "./PortfolioList.scss"

function PortfolioList({title, active, setSelected, id}) {
//에러 선언!!!
    return (
        <li className={active ? "portfolioList active" : "portfolioList"} onClick={()=> setSelected(id)}>
            {title}
        </li>
    )
}

export default PortfolioList //에러 선언!!! 대문자 P

 

결론 : 컴포넌트 생성할 때는 무조건 대문자로 한다고 생각하면 된다

https://medium.com/@umioh1109/번역-js-bites-react-hook-is-called-in-a-function-which-is-neither-a-react-function-or-a-custom-33369d62ac84

[번역] JS Bites: React hook is called in a function which is neither a React function or a custom…