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

Question

我正在使用 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;

Answer 1

尝试将您的<FlatButton/>组件包装在<Link to="/order/1">...</Link标签内。

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