お世話になります。
react-router@v4を使って、SPAを実装しています。
基本的なことで恐縮ですが、ご教示をお願い足します。
src配下は下記を入れています。
App.js (←react-routerの処理を下記のように書いています。)
Page1.js
Page2.js
Page3.js
Page4.js
▼App.js
====== code(抜粋) start ======
import React from 'react'
import { BrowserRouter as Router, Route, Link } from 'react-router-dom';
import Page1 from ‘./Page1’
import Page2 from ‘./Page2’
import Page3 from ‘./Page3’
const App = () => {
return (
<Router>
<div>
<Link to='/'><button> ページ1 </button></Link>
<Link to=‘/page2’><button> ページ2 </button></Link>
<Link to=‘/page3’><button> ページ3 </button></Link>
<Route exact path='/' component={Page1} /> <Route path=‘/page2’ component={Page2} /> <Route path=‘/page3’ component={Page3} /> </div> </Router>
)
}
export default App
====== end ======
通常のルーティングはできました。
次にやりたいこととしては
Page1内に、Page4へのリンク(<a>または<button>を設置)を作りたいと考えています。
この場合の記述の仕方をご教示いただけますでしょうか?
何卒よろしくお願い足します。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/04/30 11:13
2018/04/30 11:49