フラットアイコンをリンクとして使用して反応ルータでルートを変更する方法

私は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;

出典

2017-01-13 Golinmarq

にあるのだろうか？コンソールをチェックすると、エラーが出ますか？ –

@PaulS私がしたいルートには行かないということです。それは何もせず、コンソールに何も表示されませんが、小道具を確認するためにそこに置いたメッセージ – Golinmarq

<Link to="/order/1">...</Linkタグ内部のあなたの<FlatButton/>コンポーネントをラップしてみます。

注：あなたは「それは動作しません」を展開することができimport {Link} from 'react-router'

出典

2017-01-13 06:23:05 tinytot

それは最もエレガントな解決策ではありませんが、それは動作し重要なものです – Golinmarq

あなたはstyle = {{textDecoration： 'none' }} リンクすること – jwhite

フラットアイコンをリンクとして使用して反応ルータでルートを変更する方法

答えて

関連する問題