name
<FullpageSection />
에 고유 name
을 할당합니다. 페이지 접근시 URL의 hash(#)와 일치하는 name
을 가진 <FullpageSection />
으로 이동합니다.
- component :
<FullpageSection />
- required :
false
- type :
string
- default:
''
'use client';
import { useState } from 'react';
import { FullpageContainer, FullpageSection } from '@shinyongjun/react-fullpage';
import '@shinyongjun/react-fullpage/css';
export default function App() {
const [activeIndex, setActiveIndex] = useState<number>(0);
return (
<FullpageContainer
activeIndex={activeIndex}
setActiveIndex={setActiveIndex}
>
<FullpageSection name="first"> // http://localhost:3000#first
<div>Section 1</div>
</FullpageSection>
<FullpageSection name="second"> // http://localhost:3000#second
<div>Section 2</div>
</FullpageSection>
<FullpageSection name="third"> // http://localhost:3000#third
<div>Section 3</div>
</FullpageSection>
</FullpageContainer>
);
}