React Routerのルートで匿名関数をどのように使用しますか？

Question

propsを以下の無名関数に渡す目的は何ですか？ルート内のコンポーネントに小道具を渡すには、無名関数を使用する必要がありますか？

function App(props) { 
    const { data } = props; 

    return (
    <Router> 
     <Route path="/home" render={(props) => <Home data={data.things} />} /> 
    </Router> 
) 
} 

Answer 1

だからあなたの質問に答えるために：上記のコードで を我々は、彼らがHomeコンポーネントが利用できるように匿名関数でpropsを渡す必要があります。 あり方は、以下のような小道具を渡すことです：

<Route path="/abc" render={props => <TestWidget someProp="2" {...props} />} />

美しくあなたはこのすべては、より高次の成分をProviderを使用してストアで世話をされますReduxの後、使用している場合はhere

を説明しました。ドキュメントを参照してくださいhere