如何使用平面图标作为链接来更改路由器的路由

时间:2017-01-13 06:20:13

标签: react-router react-redux material-ui

我使用redux,react-router和Material-ui制作我的应用程序。我有一个问题,以显示订单的详细信息。当用户单击平面按钮时,我希望此按钮将用户发送到新的URL。我尝试这样做,但它不起作用。

import React, { Component, PropTypes } from 'react';
import { browserHistory } from 'react-router'
import FlatButton from 'material-ui/FlatButton';


const myButton = (props)=(
    <FlatButton label="See details" onClick={()=>(browserHistory.push('/order/1'))}/>
)
export default myButton;

1 个答案:

答案 0 :(得分:1)

尝试将<FlatButton/>组件包裹在<Link to="/order/1">...</Link标记内。

注意:您必须import {Link} from 'react-router'