단순히 부울 (isOpen)을 반환하는 useOpen이라는 매우 간단한 사용자 지정 후크를 구현하려고합니다. isOpen 상태를 기반으로 App.js에서 일부 텍스트를 표시하거나 숨기고 싶습니다. 현재 아무것도 렌더링되지 않고 App.js에서 console.log (isOpen)를 시도하면 정의되지 않았습니다. 미리 감사드립니다!
App.js
import React from 'react'
import useOpen from './CustomHooks/useOpen'
function App () {
const {isOpen} = useOpen;
return (
<div className='App'>
{isOpen && <p>isOpen</p>}
</div>
)
}
export default App
useOpen.js
import { useState } from 'react'
export default function useOpen() {
const [isOpen, setIsOpen] = useState(true)
return { isOpen }
}
에서 괄호가 누락되었습니다 useOpen
. 이어야 useOpen()
합니다.
const {isOpen} = useOpen; // missing ()
const {isOpen} = useOpen();
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다