質問: シングルページアプリケーションを作りたいと思いpage.jsを使ってルーティングしようとしているのですが、 上記の通りURLのパスの取得の仕方が分からないので教えていただきたいです。 ・・・・・・・・・・・・・・・・・ 1Reactコンポーネントで各ページに表示するコンテンツを作成。 (例)about.js(aboutページ) / works.js(worksページ) 2`about` ← これで`/about`ページに移動。 この時page.jsでURLの`/about`を取得して変数に保存。 3変数に保存したURLのパス(`/about`, `/works`)別に1で作成したコンテンツをreturnしてレンダリング。 ・・・・・・・・・・・・・・・・・ `page('/about', about)`で「/aboutページに移動してabout関数を実行する」という 「指定したページへ移動する方法」は分かったのですが、 「移動先のパスを取得する方法」が分からない(そもそも取得できるのか分かりませんが、、)ので、教えていただきたいです。 プログラミングは勉強中なので、文中に不備があるかもしれませんが 回答宜しくお願いします。
回答: window.location.hrefでURLを取得できます。 http://hoge.com部分が共通であれば、 ``` window.location.href.split('http://hoge.com')[1] ; ``` でhttp://hoge.com/aboutの /about が取得できます。