スクロールmbti#7:ページ切り替え機能を実現
ページ切り替えの方法はいろいろありますが、簡単にcontextでページ切り替え機能を実現しました.
src/contexts/page.js
src/contexts/page.js
import { createContext } from "react";
const PageContext = createContext({
status: "start",
action: () => {},
});
export default PageContext;
src/App.jsx...
const [page, setPage] = useState("ready");
return (
<PageContext.Provider value={{ status: page, action: onClick }}>
<Reset />
<StyledDiv className="App">
<Template />
</StyledDiv>
</PageContext.Provider>
);
同じ感覚で、onClickには適当なページめくり関数が入っています.ページごとに、めくるとonClickでsetPageでページを変えた感じで表現します.Reference
この問題について(スクロールmbti#7:ページ切り替え機能を実現), 我々は、より多くの情報をここで見つけました https://velog.io/@ashley_ku/롤-mbti7-페이지-전환-기능을-구현하자テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol