React Router v4で小道具を渡す

ブログ記事をリンクしてブログ記事を作成したいですか？マイルート：私は私は私の記事のコンポーネントに私の小道具データ（タイトル、説明、など...）渡すことができる方法を知らないReact Router v4で小道具を渡す

<Route path = '/blog/:slug' component={Article} />

。私はMeteorJS projetを利用していますが、私のデータは静的ではなく、MongoDBにあります。

グローバルオブジェクトを渡すことができますか？：

<Route path = '/blog/:slug' component={Article} data={props} />

誰でも手伝っていただけますか？ :)

ありがとうコミュニティ！

2017-05-26 s-leg3ndz

componentの代わりにインラインrender関数を使用し、通常通りに小道具を渡すことができます。

例として、Articleコンポーネントにtitle propを渡したい場合は、このようなことができます。

ここ

<Route path = '/blog/:slug' render={(props)=><Article title="My article title" {...props}/>} />

props試合、場所、歴史とstaticContextなどのルータからの小道具です。 Articleコンポーネントの中に入れたくない場合は、{...props}を削除できます。

2017-05-26 14:29:12

こんにちはタラカ、ご返信ありがとうございます。あなたの解決策を理解しています。しかし、私は自分のデータを渡すことができます私は私のリンクにclic :)私は私のデータを送信するときに理解していない？私のルートはroutes.jsにあり、すべてのルーティングがあります。ありがとうございました！ –

あなたの日付は 'slug'に基づいているので、データを小道具として渡すことができます。別の「スラッグ」のために異なるものを渡す必要があるからです。正しいアプローチは、Articleコンポーネントの 'componentDidMount'ライフサイクルメソッドの中にデータをロードすることです。 –

答えて