すべてのユーザーに、自分の略歴とプロフィール写真を表示する mywebsite.com/username のようなページが必要です。
これはReactでどのように達成できますか?
私の考えたプロセスは、動的ルーティングを使用して、バックエンドから情報 (バイオ、プロフィール写真) を取得するコンポーネントをセットアップすることでした。
すべてのユーザーに、自分の略歴とプロフィール写真を表示する mywebsite.com/username のようなページが必要です。
これはReactでどのように達成できますか?
私の考えたプロセスは、動的ルーティングを使用して、バックエンドから情報 (バイオ、プロフィール写真) を取得するコンポーネントをセットアップすることでした。
パッケージを使用する必要がありますreact-router
。
ドキュメント: https://reactrouter.com/web/guides/quick-start
ユーザー名は一意であるため、ユーザー名を一意の ID として使用してバックエンドからデータを取得できます。ページの読み込み時にデータを取得します。useParams()
フックを使用して、URL からユーザー名を取得できます。ドキュメント: https://reactrouter.com/web/api/Hooks/useparams