react-router跳轉傳值

跳轉頁面傳遞參數

1.引入包 
import {hashHistory} from ‘React-router’

2.跳轉傳值

    handleClick = (value) => {
        hashHistory.push({
            pathname: 'message/detailMessage',
            query: {
                title:value.title,
                time:value.time,
                text:value.text
            },
        })
    }

3.接收值

console.info(this.props.location.query.title)
console.info(this.props.location.query.time)
console.info(this.props.location.query.text)

 4.如果使用的ant design，可以在model里面獲取結果，當然也可以在組件里面獲取結果

組件頁面獲取結果的寫法為：

import {hashHistory} from 'react-router';

hashHistory.listen(location => {
          //獲取傳遞的數據，對象、值....    
            console.log(location.query);
          // 獲取路徑
        console.log(location.pathname);
    }
})