front(react)初期設定

public

favicon.ico
index.html
logo192.削除
logo 512 pngの削除
manifest.json//削除
robots.txt//を削除

src

App.css
App.js
App.test.js/削除
index.css
index.js
logo.svg/削除
reportWebVitals.js/削除
setupTests.js/削除

userNavigateエラー

useNavigate() may be used only in the context of a <Router> component.
userNavigate()は、<Router>コンポーネントのコンテキストでのみ使用できます.
私はプロジェクトのuseHistoryで、useNavigate部分にエラーがありました.
実験のこの部分を決める
案の定
app.jsで練習としてボタンを作成し、クリックするように設定してcontentsページに移動します.

import { useNavigate } from "react-router-dom";

発表後

const navigate = useNavigate();

変数importのuserNavigate画面を宣言すると白くなります
私の場合は神仙島種目とは時差が少ないです.
エラーメッセージが違う
useNavigate() may be used only in the context of a <Router> component.<Router>コンポーネントのコンテキストでのみ使用可能
あるいは、Appではほぼdomの枠線と管理ページで、ホームページで試したことがありますが、結果はあまりよくありません.
react-router-domが6バージョンになって、そのようにアプリケーションを変えて、このプロジェクトでうまくいったのは幸いです

API Documents

UI Design

front moke up

ホームページ

コンテンツページ

選択時変更

1,2選択後の最終コンテンツモード

リストページ

会員記事詳細ページ

執筆ページ

私のページ

会員修正(モード)

会員脱退(モード)

私が書いた文章moreページ

私が書いた文章more page詳細

とても良いmore page

いいmoreページ詳細

ログイン/ログアウトページ

会員登録ページ