在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  HTML/ react點擊按鈕跳轉(zhuǎn)頁面

react點擊按鈕跳轉(zhuǎn)頁面

剛剛接觸react,之前的項目用的vue框架 ,想學(xué)習(xí)下react框架 ,這個項目就用react寫了 ,現(xiàn)在遇到頁面跳轉(zhuǎn)的問題

import { routerRedux, Route, Switch } from 'dva/router';

<div className={styles.buttonList}>
  <Button icon="plus" size="large">
    <Route path="/pages/Create/AddPlane" component='./create/add_plane'>添加機票 </Route>
  </Button>
  <Button type="primary" size="large">
    <Route path="/pages/Create/HotelList" component='./create/hotel_list'>下一步</Route>
  </Button>
</div>

這樣不行。。。

在按鈕里面寫個方法 在方法里面寫跳轉(zhuǎn)路由的話怎么寫呢???

<div className={styles.buttonList}>
  <Button icon="plus" size="large" onClick={addPlane}>
    添加機票
  </Button>
  <Button type="primary" size="large" onClick={nextStep}>
    下一步
  </Button>
</div>
function addPlane() {
  console.log('添加機票');
}

function nextStep() {
  console.log('下一步');
}
回答
編輯回答
念初

你還要在路由里配置下路徑1和2要調(diào)轉(zhuǎn)的頁面。
例如:

<Link to="/aboutUs">
    關(guān)于我們
    <span> </span>
</Link>

就要在main.js里配置下路由

import React from 'react'
import ReactDOM, {render} from 'react-dom'
import 'antd/dist/antd.css'
import { Router, Route, hashHistory, browserHistory, Redirect } from 'react-router'
**import AboutUs from '../components/JCWebsite/aboutUs'**

render(<Router history={hashHistory}>
        **<Route path="aboutUs" component={AboutUs} />**
    </Router>, document.getElementById('root')
)

配置里的入口文件,比如我的:
圖片描述

2017年2月5日 20:45
編輯回答
夏夕

剛好今天有寫到點擊按鈕跳轉(zhuǎn)的
只要更改location下的pathname就可以了
如圖

圖片描述

圖片描述

2017年2月8日 03:44